無縫文字滾動代碼(前端實現(xiàn)文字無縫銜接滾動)
給你兩種代碼,自己選擇第一種要等全部文字消失后才開始下一輪的滾動,第二種是無縫滾動,也就是還沒等最后一句消失,下一次滾動已經(jīng)開始新聞鏈接的滾動大部分都是采取第二種代碼中出現(xiàn)的#號表示鏈接地址其余參數(shù)。
下面是我做的一個網(wǎng)站中的代碼,div內(nèi)的就是要滾動的東西 lt%set rs=serverCreateObjectquotadodbrecordsetquotrsopen quotselect top 5 id,name,img from product where series=154 order by。
lt!DOCTYPE HTMLJS無縫滾動圖片* margin 0padding 0#div2 margin autowidth 602pxoverflow hiddenleft 200px#div1 position relativeleft 0pxwidth 1200px#div1 li liststyletype。
無縫滾動是使用JS實現(xiàn)的,其原理很簡單將要滾動的Div平鋪在父Div中,使用JS控制父DIv的滾動 ObjectscrollLeft向左 = ObjectscrollLeft+滾動距離一定的時間間隔滾動一次當(dāng)滾動距離 = 要滾動DIv的大小的時間,讓父Div的。
下面的代碼可以的,我試過了。
示例PrivateSubForm_Load#39預(yù)先設(shè)定要顯示的內(nèi)容 content=quot滾動字幕示例控制文本的循環(huán)滾動quot#39獲取內(nèi)容長度 length=Lencontent#39label1控件,手動調(diào)整 #39接著需要選擇字體大小 SetMeFont=Label1Font#39方便。
在要實現(xiàn)滾動的地方,加入此代碼ltmarquee direction=up要輸入的文字ltmarqueeUP是向上, DOWN是向下,Left向左,Right向右這兩個屬性決定文字滾動的速度scrollamount和延時scrolldelay,參數(shù)值都是正整數(shù)如下所示。
lt!DOCTYPE向上下左右不間斷無縫滾動效果兼容火狐和IE此處放文字此處放文字此處放文字此處放文字。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。