效果是mouseover缓慢放大之后mouseout缓慢缩小,下面的代码不知道问题出在哪里,望大神指导
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#wed{ width:270px; height:480px;border:1px solid rgba(153,153,153,1);background-image:url(123.JPG)}
</style>
</head>
<body>
<div id="wed" onMouseOver="bigg()" onMouseOut="smal()">
</div>
<script>
var wed=document.getElementById("wed");
/**/
var timer=""
function bigg(){
clearInterval(timer);
timer=setInterval(bigt,30)
}
function bigt(){
if(wed.offsetWidth<=540 && wed.offsetHeight<=960){
wed.style.width=wed.offsetWidth+9+"px";
wed.style.height=wed.offsetHeight+16+"px";
}
}
function smal(){
clearInterval(timer);
timer=setInterval(smal,30)
}
function smag(){
if(wed.offsetWidth>270 && wed.offsetHeight>480){
wed.style.width=wed.offsetWidth-9+"px";
wed.style.height=wed.offsetHeight-16+"px";
}
}
</script>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
已经找到问题的答案了,谢谢你
function smal(){
clearInterval(timer);
timer=setInterval(smal,30)
}
方法调用错了