如何用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>
</html>效果图：
更多web前端自学知识，请查阅 HTML中文网 ！！
以上就是如何用jquery让图片逐渐显示出来？的详细内容，更多请关注0133技术站其它相关文章！
