你的位置:首页 > Java教程

[Java教程]页面第一次加载实现图片淡入方式加载


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