這篇文章將為大家詳細(xì)講解有關(guān)如何使用JavaScript實(shí)現(xiàn)的原生態(tài)兼容IE6可調(diào)可控滾動(dòng)文字功能,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
站在用戶的角度思考問題,與客戶深入溝通,找到包河網(wǎng)站設(shè)計(jì)與包河網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、網(wǎng)頁(yè)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋包河地區(qū)。一、基本目標(biāo)
如下圖,一開始文字能在15px-400px這個(gè)區(qū)域以每0.05s,5px像素的無縫滾動(dòng),當(dāng)然,改改下面的腳本,你讓我從地球滾動(dòng)到外太空都沒問題,只要你告訴我地球的px和外太空的px就行了,然后設(shè)置兩個(gè)按鈕,你點(diǎn)擊“停止”它就停止,停止之后點(diǎn)擊“開始”就讓它開始,它在“開始”的狀態(tài)你點(diǎn)N下“開始”是不會(huì)出BUG的,繼續(xù)保持這個(gè)狀態(tài),它在“停止”狀態(tài),你點(diǎn)N下“停止”也是沒有問題的。
二、HTML布局
代碼如下:
marquee sssssssmarqueesssssss
思想如下圖,一圖勝千言,不說了。請(qǐng)自行對(duì)比代碼與圖。
三、腳本部分
這里是整個(gè)控件的核心。
四、總結(jié)
1、CSS中,凡是帶-的屬性,在javascript要換成大寫,如CSS的padding-left在javascript是paddingLeft,否則會(huì)被當(dāng)成減號(hào)處理
2、利用padding-left來完成這個(gè)組件,就不用使用left要設(shè)置絕對(duì)定位,然后又要考慮這個(gè)組件怎么擺放了。
3、這個(gè)東西在瀏覽器的百分比寬度內(nèi)滾動(dòng),最好不要這樣做,畢竟javascript中取出瀏覽器的寬度可能會(huì)遇到各種各樣的兼容性問題。還是設(shè)置一個(gè)定值,這樣的代碼簡(jiǎn)短。
附:HTML比較冷門標(biāo)簽與屬性
1.
標(biāo)簽?zāi)軌蛱砑右粭l水平分隔線。單標(biāo)記標(biāo)簽,擁有屬性width,size,color,align(后接值)noshade(直接添加,如文本框的disabled,表示這條水平線是無陰影的)
2.標(biāo)簽已經(jīng)被微軟廢除了。
微軟這個(gè)家伙在最新的IE8下已經(jīng)放棄對(duì)MARQUEE的支持了(我這里很無語(yǔ),MARQUEE是微軟自己創(chuàng)造出來的,現(xiàn)在火狐都支持了,它自己不干了)
用marquee有諸多問題的。DW給你提示是警告你慎重。
如下面的代碼在IE8的滾動(dòng)是存在問題的,當(dāng)圖片滾完之后會(huì)自動(dòng)刷新,相當(dāng)難看,無法現(xiàn)實(shí)無縫滾動(dòng)。
滾動(dòng)
3.標(biāo)簽是強(qiáng)調(diào)標(biāo)簽,基于內(nèi)容。
是物理樣式。雙標(biāo)記標(biāo)簽?zāi)芊謩e使字體上標(biāo)與下標(biāo)
4.©是代表版權(quán)字符©,®則是注冊(cè)商標(biāo), 是空格
5.對(duì)于圖片,其hspace屬性能夠設(shè)置圖片與圖片之間的間距。
6.標(biāo)簽也是有屬性的vlink link 能夠分別設(shè)置訪問了與未訪問超鏈接的顏色,leftmargin與topmargin能夠分別規(guī)定文檔的左邊距與上邊距
7.能分別設(shè)置被搜索引擎抓取的關(guān)鍵詞與網(wǎng)頁(yè)描述
關(guān)于“如何使用JavaScript實(shí)現(xiàn)的原生態(tài)兼容IE6可調(diào)可控滾動(dòng)文字功能”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。