源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery页面图片伴随滚动条逐渐显示的小例子

  • 时间:2020-07-19 23:32 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery页面图片伴随滚动条逐渐显示的小例子
[u]复制代码[/u] 代码如下:
<script type="text/javascript" src="jquery.min.js"></script> <!-- //再载入lazyload --> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $("container").lazyload(); $("img").lazyload({ placeholder : "grey.gif", //加载图片前的占位图片 effect : "fadeIn" //加载图片使用的效果(淡入) }); }); </script> <style type="text/css"> #container { height: 2500px; background:#333; } </style> </head> <body> <img src="flash.jpg"> <br/> <div id="container"> <img src="1.jpg"> <br/> <img src="2.jpg"> <br/> <img src="3.jpg"> <br/> <img src="4.jpg"> <br/> <img src="5.jpg"> <br/> <img src="6.jpg"> <br/> <img src="7.jpg"> <br/> <img src="8.jpg"> <br/> <img src="9.jpg"> <br/> </div>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部