码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-12-28 12:00:12      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

页面第一次加载实现图片淡入方式加载:
图片以淡入方式加载总是让人感觉有一种动态的感觉,可以让用户体验更好,下面就简单介绍一下如何实现此效果。
当页面加载的时候,让加载好的图片先隐藏,然后再使用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/

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

标签:

原文地址:http://www.cnblogs.com/zhadanren/p/5081759.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!