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