HTML js特效问题

2012-03-31 06:28:34 120 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

玩转网页交互：用JavaScript打造灵动手风琴特效当用户点击某个标题时，对应的内容就像被施了魔法般缓缓展开，其他内容则默契地折叠收起。在电商网站的商品详情页，在知识平台的问答专区，甚至在个人作品集网站，手风琴特效都扮演着重要角色。它像一位聪明的管家，把杂乱的信息分门别类地整理好，需要时才为你呈现。注意语义化的类名就像魔法咒语的正确发音，能让后续的CSS和JavaScript施展更顺畅。特别设计的关闭其他展开项的逻辑，确保每次只打开一个面板，就像魔法书每次只展开一章。的过渡动画实现平滑展开效果，箭头图标的旋转则像魔法指针般指示状态。阅读详情

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<script type="text/javascript">
document.onmousemove=picfloat;
function inicial() {
document.getElementById("pic").style.left="0px";
document.getElementById("pic").style.top="0px";
}
var left, top;
var speed=5;
function picfloat(event) {
var event=window.event||event;
while(1) {
left=document.getElementById("pic").style.left;
top=document.getElementById("pic").style.top;
t=setTimeout(follow(left,top),1);
}
}
function follow(left,top) {
if(parseInt(left)<=parseInt(event.clientX)) {
document.getElementById("pic").style.left=(parseInt(left)+speed)+"px";
} else {
document.getElementById("pic").style.left=(parseInt(left)-speed)+"px";
}
if(parseInt(top)<=parseInt(event.clientY)) {
document.getElementById("pic").style.top=(parseInt(top)+speed)+"px";
} else {
document.getElementById("pic").style.top=(parseInt(top)-speed)+"px";
}
}
</script>
<style type="text/css">
#pic {
position:absolute;
}
</style>
</head>

<body onload="inicial()">

<div>
<img src="images/xmsx.gif" onmouseover="document.location.href='Apr1st.html'" id="pic"/>
</div>

</body>
</html>

这段代码当鼠标不移动的时候图片移动的就非常慢应该如何解决呢

...全文