鼠標(biāo)控制圖文左右滾動(dòng)js代碼(鼠標(biāo)控制圖文左右滾動(dòng)js代碼怎么設(shè)置)
根據(jù)你的具體情況,有兩種思路第一種,類似于滑動(dòng)效果,用強(qiáng)父元素,overflowhidden了然后通過點(diǎn)擊左右的鍵,獲取當(dāng)前父元素的寬度,修改父元素css屬性的left,注意,positionabsolute時(shí)left才起作用第二種就比較簡單就是簡單的隱藏,點(diǎn)擊左右,隱藏第一屏的信息,再次點(diǎn)擊,隱藏第一第二屏的。
onmouseover=thisstop onmouseout=thisstart 表示當(dāng)鼠標(biāo)以上區(qū)域的時(shí)候滾動(dòng)停止,當(dāng)鼠標(biāo)移開的時(shí)候又繼續(xù)滾動(dòng)可以將上面的代碼和下面提供的結(jié)構(gòu)整理下,就達(dá)到你要的效果了 lt!DOCTYPE HTML PUBLIC quotW3CDTD HTML 40 TransitionalENquotltSCRIPT language=javascript function click。
iftab2offsetToptabscrollToplt=0當(dāng)滾動(dòng)至demo1與demo2交界時(shí) tabscrollTop=tab1offsetHeight demo跳到最頂端 else tabscrollTop++ var MyMar=setIntervalMarquee,speedtabonmouseover=function clearIntervalMyMar鼠標(biāo)移上時(shí)清除定時(shí)器達(dá)到滾動(dòng)停止的目的 tab。
1先將這段代碼保存為一個(gè)JS文件scrolljs 2在你的頁面里將ltSCRIPT src=quotjsscrolljsquot type=textjavascriptltSCRIPT放到head標(biāo)記中間,3在頁面的body里加入若干個(gè)div, 注意樣式表里要加入一個(gè)floatleft。
js無縫滾動(dòng)制作js文字無縫滾動(dòng)和js圖片無縫滾動(dòng) margin0padding0liststyletypefontsize12px a,imgborder0 scrollheight300pxwidth500pxmargin50px autobordersolid 1px #ddd scroll plineheight28pxpadding5px 0borderbottomdashed 1px #。
tabonmouseover=function clearIntervalMyMar 當(dāng)鼠標(biāo)移動(dòng)demo上面時(shí)調(diào)用clearInterval清除MyMar1這樣圖片便不會(huì)在移動(dòng)了移到圖片時(shí),第一行和第二行的圖片都會(huì)停止 tabonmouseout=function MyMar=setIntervalMarquee,speed重新setInterval讓方法執(zhí)行,這樣圖片會(huì)繼續(xù)移動(dòng)。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。