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

页面第一次加载实现图片淡入方式加载:
图片以淡入方式加载总是让人感觉有一种动态的感觉,可以让用户体验更好,下面就简单介绍一下如何实现此效果。
当页面加载的时候,让加载好的图片先隐藏,然后再使用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>
posted on 2015-12-31 10:55  土dou  阅读(201)  评论(0编辑  收藏  举报