收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1471|回复: 1

求教一下这个js代码,谢谢。。

[复制链接]
发表于 2010-2-5 11:06:20 | 显示全部楼层 |阅读模式
请各位大虾帮我改一下这个js代码,可不可以将js中全局变量Maxwidth,Maxhieght,Minwidth,Minheight通过onmouseover(Maxwidth,Maxheight)和onmouseout(Minwidth,Minheight)这样形式传递到js当中,让这段js代码具有通用性。

 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 chengdawei3000 于 2010-2-5 11:23 编辑 ]
发表于 2010-2-5 11:24:37 | 显示全部楼层
简单小修改了下,嘻嘻……
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>abc</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  6. </head>

  7. <body>
  8. <img src="http://www.pcjdesktop.cn/DownloadMiniature/20077020405326172.jpg" name="img" width="312" height="312" style="margin: 100px 300px 300px 300px;" id="img"  onmouseover="changeLarge(400, 400);" onmouseout="changesmall(300, 300);" />  
  9. <script>  
  10. var img = document.getElementById("img");  
  11. var s = null;  
  12. var l = null;  
  13. var step = 8; //调整改变尺寸的速度  
  14. var step_ = step * 2;  
  15. var maxWidth = 512; //最大宽度  
  16. var maxHeight = 512; //最大高度  
  17. var minWidth = 312; //最小宽度  
  18. var minHeight = 312; //最小高度  
  19. function changeLarge(lWidth, lHeight){   
  20.       clearInterval(s);  
  21.       l = setInterval("larger("+lWidth+", "+lHeight+")",1);  
  22.   }  
  23. function changesmall(sWidth, sHeight){  
  24.       clearInterval(l);  
  25.       s = setInterval("smaller("+sWidth+", "+sHeight+")",1);  
  26.   }  
  27. function smaller(sWidth, sHeight){  
  28.           minWidth = sWidth || minWidth;
  29.           minHeight = sHeight || minHeight;
  30.       if(parseInt(img.width)>minWidth){  
  31.         img.style.marginLeft = parseInt(img.style.marginLeft)+step;  
  32.         img.width = parseInt(img.width) - step_;  
  33.       }else{  
  34.         clearInterval(s);  
  35.       }  
  36.       if(parseInt(img.height)>minHeight){  
  37.         img.style.marginTop = parseInt(img.style.marginTop)+step;  
  38.         img.height = parseInt(img.height) - step_;  
  39.       }else{  
  40.         clearInterval(s);  
  41.       }  
  42.   }  
  43. function larger(lWidth, lHeight){  
  44.           maxWidth = lWidth || maxWidth;
  45.           maxHeight = lHeight || maxHeight;
  46.       if(parseInt(img.width) <maxWidth){  
  47.         img.style.marginLeft = parseInt(img.style.marginLeft)-step;  
  48.         img.width = parseInt(img.width) + step_;  
  49.       }else{  
  50.         clearInterval(l);  
  51.       }  
  52.       if(parseInt(img.height) <maxHeight){  
  53.         img.style.marginTop = parseInt(img.style.marginTop)-step;  
  54.         img.height = parseInt(img.height) + step_;  
  55.       }else{  
  56.         clearInterval(l);  
  57.       }  
  58.   }  
  59. </script>  
  60. </body>
  61. </html>
复制代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-11-26 01:02 , Processed in 0.106177 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表