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

 更新时间:2013年03月21日 11:49:17   作者:  
jQuery页面图片伴随滚动条逐渐显示的小例子,需要的朋友可以参考一下

复制代码 代码如下:

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

相关文章

  • jQuery找出网页上最高元素的方法

    jQuery找出网页上最高元素的方法

    这篇文章主要介绍了jQuery找出网页上最高元素的方法,实例分析了jQuery遍历元素与获取元素高度的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • Jquery实现无刷新DropDownList联动实现代码

    Jquery实现无刷新DropDownList联动实现代码

    随着Jquery1.4的发布,Jquery运用越来越多了,让我们来实现以前经常用到的DropDownList无刷新联动。
    2010-03-03
  • 20个最新的jQuery插件

    20个最新的jQuery插件

    jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果
    2012-01-01
  • Jquery 基础学习笔记

    Jquery 基础学习笔记

    此笔记只是作为本人学习JQuery的随手笔记,稍微做了一下整理,希望对新人有参考价值。
    2009-05-05
  • jQuery实现背景弹性滚动的导航效果

    jQuery实现背景弹性滚动的导航效果

    这篇文章主要介绍了jQuery实现背景弹性滚动导航效果的方法,涉及jQuery动态操作页面元素样式的相关技巧,需要的朋友可以参考下
    2016-06-06
  • jQuery中的类名选择器(.class)用法简单示例

    jQuery中的类名选择器(.class)用法简单示例

    这篇文章主要介绍了jQuery中的类名选择器(.class)用法,简单介绍了jQuery类名选择器的概念、原理并结合实例形式分析了类选择器的简单使用方法,需要的朋友可以参考下
    2018-05-05
  • jquery 多个radio的click事件实例

    jquery 多个radio的click事件实例

    下面小编就为大家带来一篇jquery 多个radio的click事件实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-12-12
  • 浏览器打开层自动缓慢展开收缩实例代码

    浏览器打开层自动缓慢展开收缩实例代码

    本文为大家介绍下层自动缓慢展开收缩在浏览器打开时是如何实现的,主要用到了slideUp及slideDown等主要jquery方法,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • jQuery+pjax简单示例汇总

    jQuery+pjax简单示例汇总

    在github的项目地址里有关于pjax的详细说明和使用方法,这里不再赘述,本文主要是使用中的一些代码记录和使用心得,方便以后查阅快速上手使用。
    2017-04-04
  • jquery.cookie() 方法的使用(读取、写入、删除)

    jquery.cookie() 方法的使用(读取、写入、删除)

    jquery.cookie() 方法:一个轻量级的cookie 插件,可以读取、写入、删除 cookie,下面有个不错的数量,大家可以学习下
    2013-12-12

最新评论