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

作者：98wpeu发布时间：2026-06-27分类：网页前端技术浏览：7

导读：复制代码代码如下:<scripttype="text/javascript"src="JQuery.min.JS"></script><!--/...

复制代码代码如下:
<scripttype="text/javascript" src="JQuery.min.JS"></script>

<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>

标签：滚动条例子页面图片 Web jQuery

上一篇：jquery选择器的选择使用及性能介绍 - Web前端
下一篇：jquery焦点图片切换(数字标注/手动/自动播放/横向滚动) - Web前端

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

相关推荐