图片有跳动现象,怎么修正一下

2014笨 2014笨 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div style="width:100%;height:212px;">
<div id="div1" style="cursor:pointer;position:absolute;width:315px;height:210px;overflow:hidden;border:-3px solid #CCCCCC" onmouseover="clearTimeout(scrl);" onmousemove="getpos()" onmouseout="change(1);"><img src=http://116.255.150.75:808/3601/1/chinama.jpg onload="change(1);"></div>

<script>
var scrl,direction="right";
var x,xold,xdiff, i=1;

function change(start){
if(direction == "right"){
if(div1.scrollTop+210 < div1.scrollHeight){
div1.scrollTop += 210;
}
else{
div1.scrollTop = 0;
}
}
else{
if(div1.scrollTop-210 > 0){
div1.scrollTop -= 210;
}
else{
div1.scrollTop = div1.scrollHeight;
}
}
if(start) scrl = setTimeout("change(1)",100);
else clearTimeout(scrl);
}

function getpos(){
x = event.clientX;
xdiff = x - xold;
xold = x;
if(xdiff>0) direction = "right";
if(xdiff<0) direction = "left";
change(0);
}
</script>
</div>
</body>

</html>


这个在显示时,有一个跳动,怎么修正一下,请高手指点一下,如果前面的 !DOCTYPE 去掉就不会有跳动现象了,不知道为啥,菜鸟,请不要见笑,请帮助一下吧。
...全文

相关推荐

评论 2
收藏 已收藏
分享
返回顶部
2014笨
JavaScript 87,984 成员 224,681 内容