jQuery动画显示和隐藏效果实例演示(附demo源码下载)

2020-05-29 06:59:10易采站长站整理

<input type="button" value="延时显示" onClick="test_show()" />
<input type="button" value="延时隐藏" onClick="test_hide()" />
<input type="button" value="切换元素的可见状态" onclick="$('#myImage1').toggle()" />
|||     
<input type="button" value="滑动向下放大" onClick="test_slideDown()" />
<input type="button" value="滑动向上缩小" onClick="test_slideUp()" />
<input type="button" value="切换滑动效果" onClick="test_slideToggle()" />
|||     
<input type="button" value="淡入" onClick="test_fadeIn()" />
<input type="button" value="淡出" onClick="test_fadeOut()" />
<input type="button" value="调整到指定透明度" onClick="test_fadeTo()" />
</div>
<p style="display:none">Hello World!</p>
<p style="display:none">Hello World!</p>
<p style="display:none">Hello World!</p>
<p style="display:none">Hello World!</p>
<img id="myImage" src="images/11.jpg" style="display:none" />
<img id="myImage1" src="images/1.jpg" style="display:none" />
<img id="myImage2" src="images/2.jpg" style="display:none" />
<img id="myImage3" src="images/3.jpg" style="display:none" />
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。