jquery無(wú)縫向左滾動(dòng)代碼(marquee實(shí)現(xiàn)文字無(wú)縫滾動(dòng) css無(wú)縫滾動(dòng))
需要準(zhǔn)備的材料分別有電腦html編輯器瀏覽器1首先,打開(kāi)html編輯器,新建html文件,例如indexhtml,并引入jquery2在indexhtml中的標(biāo)簽,輸入jquery代碼#39body#39append#39height #39 + $document。
ltmarquee 啦啦啦,我會(huì)移動(dòng)耶 文字移動(dòng)屬性的設(shè)置 方向ltdirection=# #=left, right ltmarquee direction=left啦啦啦,我從右向左移ltmarquee ltP ltmarquee direction=right啦啦啦,我從左向右移lt。
quot lifirstquot, $thisappendTo$this 就把第一個(gè)li移到最后 thiscssquotmarginleftquot, 0 滾動(dòng)長(zhǎng)度歸0 ul長(zhǎng)度小于box長(zhǎng)度時(shí)則不滾動(dòng),反之滾動(dòng) isRoll = function t if。
文字向左移動(dòng)代碼ltmarquee direction=left需要移動(dòng)的文字ltmarquee marqueeltmarquee標(biāo)簽,是成對(duì)出現(xiàn)的標(biāo)簽,首標(biāo)簽ltmarquee和尾標(biāo)簽ltmarquee之間的內(nèi)容就是滾動(dòng)內(nèi)容ltmarquee標(biāo)簽的屬性主要有behaviorbgcolor。
注意當(dāng)瀏覽器窗口大小改變時(shí)如最大化或拉大窗口后 jQuerywindowheight隨之改變,但是jQuerydocumentheight是不變的復(fù)制代碼 代碼如下documentscrollTop 獲取垂直滾動(dòng)的距離 即當(dāng)前滾動(dòng)的地方的窗口頂端。
可以實(shí)現(xiàn)勻速無(wú)縫加鏈接以及其它的修飾效果,本代碼就是實(shí)現(xiàn)了這一功能,讓文字從右至右平滑滾動(dòng),滾動(dòng)寬度高度速度均可以設(shè)定Js文字向左運(yùn)動(dòng) var marqueewidth=350 var marqueeheight=22 var speed=5 var marquee。
onMouseOut=thisstart 鼠標(biāo)移出狀態(tài)滾動(dòng) onMouseOver=thisstop 鼠標(biāo)經(jīng)過(guò)時(shí)停止?jié)L動(dòng) 方向 ltdirection=# #=left, right ,up ,down ltmarquee direction=left從右向左移ltmarquee 方式 ltbihavior=# #。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。