框架页面中鼠标拖动的问题

2004-11-01 06:29:44 199 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

原生JS实现自动无缝切换轮播图(可鼠标拖动) ^ _ ^ 最近参加了一个免费的华为在线课程，上面一个作业是用原生js实现轮播图。练手的同时发现工作中框架用的多。原生的都不如以前那么熟练了。特此写这篇文章记录一下。希望能帮助到一些新手盆友。一起学习吧。目录功能需求实现思路html & CSS结构分析JS逻辑实现知识点小结功能需求功能上要实现以下4个需求：自动无缝切换图片鼠标左右拖动切换图片点击小点切换对应图片浏览器窗口尺寸改变不影响以上功能实现思路 html & CSS结构分析 JS逻辑实现知识阅读详情

<html>
<body>
<script language="javascript">
var LastX;
function ReSize()
{
document.all('TdMenu').style.width=event.clientX+1;
window.status=event.clientX+','+LastX;
LastX=event.clientX;
}
function ReSizeAgain()
{
document.body.onmousemove=ReSize;
}
function ReSizeOver()
{
document.body.onmousemove=null;
}
document.body.onmouseup=ReSizeOver;
</script>
<table height="100%" cellSpacing="0" cellPadding="0" width="100%">
<tr>
<td id="TdMenu" bgColor="#f4f5f1" style="width:200" valign=top>menu</td>
<td width=2 bgcolor="cccccc" onmouseover="this.style.cursor='col-resize'" onmousedown="ReSizeAgain()"></td>
<td vAlign="top" align="center">
<iframe id="FrmList" name="FrmList" frameborder="0" width="99%" height="99%"></iframe>
</td>
</tr>
</table>
</form>
</body>
</html>

当鼠标移动速度很快的时候则onmouseup事件不能被触发，求解决方法

...全文