图片有跳动现象,怎么修正一下
<!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 去掉就不会有跳动现象了,不知道为啥,菜鸟,请不要见笑,请帮助一下吧。
...全文
相关推荐
炫酷时钟 LCD显示器-易语言
这种现象可能是由于计时逻辑的错误导致的,可能需要对时间更新的代码进行修正,确保在秒数重置为0时,十秒位能正确地保持在0位。
html JS 多图拖动旋转源码
这些bug可能包括但不限于:图片旋转角度不准确、拖动过程中图片位置跳动、图片旋转中心点不正确等。修复这些问题可能需要深入理解JavaScript的事件处理机制、坐标系统以及CSS变换。
枫叶网吧留言簿 v2010.rar
献出本网吧使用了5年的网吧留言本,此留言程序本网吧从2005-12-13 开始用到现在,使用至今留言总数达1000多条.为庆祝留言满1000条,今晚再次改版,修正去年发布的(枫叶网吧留言簿2009版)
javascript经典案例
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互功能,增强用户界面。在本文档中,"JavaScript经典案例"收集了一系列来自互联网的实用示例,旨在帮助学习
传媒互联网行业AI视频:模型加速迭代,工具和IP价值凸显.pdf
字节跳动SEEDANCE模型深度融合抖音内容分发机制,内置平台热门BGM库、爆款封面模板与完播率优化算法,生成视频自动适配竖屏比例、节奏卡点与信息密度分布规律。


