js中利用立即执行函数实现京东大小图切换
2016-08-13 15:16
561 查看
众所周知,无论是京东还是天猫,在查看商品时都会有大小图切换的效果。
如下图:
很多人会写一堆代码来实现这个效果,其实利用立即执行函数,很简单就实现了。
如下图:
很多人会写一堆代码来实现这个效果,其实利用立即执行函数,很简单就实现了。
<ul> <li><img src="../../../img/练习/s1.jpg" alt=""></li> <li><img src="../../../img/练习/s2.jpg" alt=""></li> <li><img src="../../../img/练习/s3.jpg" alt=""></li> </ul> <script> var img=document.getElementById('show_img'); var lis=document.getElementsByTagName('li'); for (var i=0;i<lis.length;i++){ !function (index) { lis[index].onmouseover=function () { img.src='../../../img/练习/b'+(index+1)+'.jpg'; } }(i); } </script>
相关文章推荐
- C#动态执行类库中的函数:利用反射实现(js)Eval,asp(Execute)功能
- C#利用反射实现(js)Eval,asp(Execute)功能 动态执行类库中的函数
- 在立即执行函数内组合使用构造函数模式和原型模式创建对象,实现模块化开发(以daterangepicker.js为例)
- js立即执行函数简介与实现方式
- JS - 闭包,回调,立即执行函数表达式简单实现
- 关于利用js实现css切换布局视图的方法
- JS-立即执行函数
- C#动态执行函数:利用反射实现
- JS 立即执行的函数表达式(function)写法
- js中(function(){…})()立即执行函数写法理解
- js中(function(){…})()立即执行函数写法理解
- js 在定义的时候立即执行的函数表达式(function)写法
- JS 立即执行的函数表达式(function)写法
- JS 立即执行的函数表达式(function)写法
- js 定义 "立即执行函数"
- js中(function(){…})()立即执行函数写法理解
- 函数项目【COCOS2DX-LUA 脚本开发之十二】Hybrid模式-利用AssetsManager实现在线更新脚本文件lua、js、图片等资源(免去平台审核周期)函数项目
- web前端实验一:利用Js捕获鼠标事件实现图片切换
- js立即执行函数
- JS定义一个立即执行的可重用函数