js实现图片渐渐逐行出现的特效

JavaScript08

js实现图片渐渐逐行出现的特效,第1张

你都在用jQuery了为什麼要用这麽别扭的方式搞特效?

<div class="SlideWrapper" style="display:none">

<img src="yourImage">

</div>

<script>

jQuery(function($)

{

$('.SlideWrapper').slideDown(4000)

})

<script>

</style>

<script type="text/javascript" charset="utf-8">

$(document).ready(function(){

$('#img').animate({

width:"200%",

height:"200%",

marginLeft:"-200px",

marginTop:"-100px"

},10000)

})

</script>

<body>

<div class="showimg" id="showimg">

<img src="3.jpg" id="img" alt="Here is a pic" />

</div>

</body>

</html>