效果是mouseover缓慢放大之后mouseout缓慢缩小,下面的代码不知道问题出在哪里,望大神指导

Echo_Chien 发布于 2016/08/09 16:43
阅读 225
收藏 0
DWR
<!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>

加载中
0
Daffodils
Daffodils
function smal(){
 clearInterval(timer);
 timer=setInterval(smal,30)

 }

方法调用错了 

Echo_Chien
Echo_Chien
已经找到问题的答案了,谢谢你
Echo_Chien
Echo_Chien
恩,这个问题我试过了,可能是写问题的时候没有注意,改成smag后,可以运行,但是问题是在执行几次之后,div的宽度和高度就发生了变化,不再是本来的宽度和高度,这才是我想要问的问题,非常感谢你抽出时间帮我分析问题,你能帮我再看看嘛
返回顶部
顶部