js鼠標通過文字滾動,移開還原

不說別的,直接貼代碼。javascript

<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——滾動速度,越大越慢。java

<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的後面。搞定,鼠標放上面,文字滾動,離開立馬還原。dom

相關文章
相關標籤/搜索