<!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>
这个在显示时,图片有一个跳动的现象,怎么修正? 请高手指点,十在是不懂代码呀。