如何用jquery让图片逐渐显示出来?下面本篇文章给大家介绍一下使用jquery实现图片逐渐清晰显示的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
如何用jquery让图片逐渐显示出来?
开始时设置图片不显示,然后调用fadeIn(),让图片逐渐显示出来。
fadeIn() 方法逐渐改变被选元素的不透明度,从隐藏到可见(褪色效果)。
注释:隐藏的元素不会被完全显示(不再影响页面的布局)。
示例:
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <style> #img1 { width: 200px; height: 133px; display: none; } </style> <script> $(document).ready(function() { $("#img1").fadeIn(4000); }); </script> </head> <body> <img id="img1" src="1.jpg-600" /> </body> <mark style="color:transparent">来源gaodaimacom搞#代%码网</mark></html>
更多web前端自学知识,请查阅 搞代码网 !!
以上就是如何用jquery让图片逐渐显示出来?的详细内容,更多请关注gaodaima搞代码网其它相关文章!