提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

jQuery 图片 显示 页面 例子 滚动条 伴随 逐渐
2023-06-13 09:14:48 时间

复制代码代码如下:


<scripttype="text/javascript"src="jquery.min.js"></script>
<!--//再载入lazyload-->
<scripttype="text/javascript"src="jquery.lazyload.js"></script>
<scripttype="text/javascript">jQuery(document).ready(function($){$("container").lazyload();
$("img").lazyload({placeholder:"grey.gif",//加载图片前的占位图片effect:"fadeIn"//加载图片使用的效果(淡入)});});
</script><styletype="text/css">#container{height:2500px;background:#333;}</style>
</head>
<body>
<imgsrc="flash.jpg">
<br/>
<divid="container">
<imgsrc="1.jpg">
<br/>
<imgsrc="2.jpg">
<br/>
<imgsrc="3.jpg">
<br/>
<imgsrc="4.jpg">
<br/>
<imgsrc="5.jpg">
<br/>
<imgsrc="6.jpg">
<br/>
<imgsrc="7.jpg">
<br/>
<imgsrc="8.jpg">
<br/>
<imgsrc="9.jpg">
<br/>
</div>

相关文章