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

发布于 2021-11-30 19:36:07 字数 1338 浏览 885 评论 2

<!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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

无声静候 2021-12-04 13:14:44

已经找到问题的答案了,谢谢你

鹤舞 2021-12-04 12:03:21

function smal(){

 clearInterval(timer);

 timer=setInterval(smal,30)

 }

方法调用错了 

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文