ie和火狐都兼容的滚动

来源:互联网 发布:人工智能会失控吗 英文 编辑:程序博客网 时间:2024/04/29 07:29

 <script type="text/javascript">
     var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage");
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval('scrollUp()', 50);//确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
if(stopscroll) return;
currentTop += 2; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
if(currentTop == 19) {
stoptime += 1;
currentTop -= 1;
if(stoptime == 180) {
   currentTop = 0;
   stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
   scrollElem.scrollTop = 0;
   scrollElem.scrollTop += 1;
}
}
}

    </script>


<div id="andyscrol">
<div id="scrollmessage" >
<img/><img/>
</div>
</div>

原创粉丝点击