js鼠标经过文字滚动,移开还原

时间:2023-03-08 23:36:26
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的后面。搞定,鼠标放上面,文字滚动,离开立马还原。