爱程序网

页面第一次加载实现图片淡入方式加载

来源: 阅读:

页面第一次加载实现图片淡入方式加载:
图片以淡入方式加载总是让人感觉有一种动态的感觉,可以让用户体验更好,下面就简单介绍一下如何实现此效果。
当页面加载的时候,让加载好的图片先隐藏,然后再使用fadeIn()函数实现图片的淡入效果,参考代码如下:

<script type="text/javascript">
$("#load img").load(function() { 
   $(this).hide(); 
   $(this).fadeIn("5000"); 
}) 
</script>
</head>
<body>
<div id="load" class="loading">
  <img src="images/apple_3_bigger.jpg" style=" height:auto" id='uu1'>
</div>
</body>
</html>

以上代码实现了我们想要的效果。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8718

更多内容可以参阅:http://www.softwhy.com/jquery/

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助