js鼠标经过文字滚动,移开还原
不说别的,直接贴代码。
<div class="kj-scroll" id="countrylist0" onmouseover="wPAa = setInterval('countryscrollUp(0)', 40)" onmouseout="clearInterval(wPAa)"> 这里是文字内容 </div> <div class="kj-scroll" id="countrylist1" onmouseover="wPAa = setInterval('countryscrollUp(1)', 40)" onmouseout="clearInterval(wPAa)"> 这里是文字内容 </div>
40——滚动速度,越大越慢。
<script type="text/javascript"> var wPAa; function countryscrollUp(obj) { document.getElementById("countrylist"+obj).scrollTop++; } $(".kj-scroll").bind("mouseout", function (dom) { dom.currentTarget.scrollTop = 0; }) </script>
这个js放在上面div的后面。搞定,鼠标放上面,文字滚动,离开立马还原。
原创文章,转载请授权。