- <!DOCTYPE html>
- <html>
- <body>
- <img class="js_lazy_img" src1="" original-src="http://img10.360buyimg.com/vclist/jfs/t1333/22/1255709471/22166/7d28db17/55bebf58N3705bdfd.jpg">
- <img class="js_lazy_img" src1="" original-src="http://img10.360buyimg.com/vclist/jfs/t1537/276/1239847519/59657/a129ba62/55c185c5N2b7f4aac.jpg">
- <img class="js_lazy_img" src1="" original-src="http://img10.360buyimg.com/vclist/jfs/t1438/324/1211741014/7644/fcafcc58/55bed1d7N590cf76e.jpg">
- <img class="js_lazy_img" src1="" original-src="http://img10.360buyimg.com/vclist/jfs/t1618/319/1256960674/51977/52a45547/55c180a7N3e689c09.jpg">
- <img class="js_lazy_img" src1="" original-src="http://img10.360buyimg.com/vclist/jfs/t1501/123/1199909390/86105/f2a277b0/55bec1e9Nc0cbd8dc.jpg">
- <img class="js_lazy_img" src1="" original-src="http://img10.360buyimg.com/vclist/jfs/t1606/317/1146455813/23805/7a43c299/55bb47cbN9f424f4d.jpg">
- <script type="text/javascript" src1="http://misc.360buyimg.com/??jdf/1.0.0/unit/base/1.0.0/base.js,jdf/lib/jquery-1.6.4.js"></script>
- <script type="text/javascript">
- var images = $('img.js_lazy_img');
- images.each(function(){
- var _this = $(this);
- var img = $('<img>');
- /*download original imges*/
- //create an imge object to make browser download images
- img.attr('scr', _this.attr('original-src'));
- //destroy this imge
- img = null;
- _this.attr('src','js5-01.jpg'); //default imge
- _this.bind('load', function(e){
- _this.attr('src', _this.attr('original-src'));
- _this.removeAttr('original-src');
- _this.removeClass('js_lazy_img');
- })
- });
- </script>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/0708201513384.html
来源: http://www.codesnippet.cn/detail/0708201513384.html