jquery(show,fadeOut,Animate)

最新推荐文章于 2025-12-04 17:59:42 发布

原创最新推荐文章于 2025-12-04 17:59:42 发布 · 3.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #xhtml #脚本 #html

本文介绍了jQuery中toggle、hide、show、fadeout、fadeIn和animate等方法的使用，通过实例展示了如何实现元素的显示与隐藏、透明度改变以及简单的动画效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">#spanel,#showHide,#fadeout { width:200px; height:100px; background-color:Aqua; position:relative; cursor:pointer; font-size:12px; }</style> <mce:script src="../脚本/jquery-1.3.2.min.js" mce_src="脚本/jquery-1.3.2.min.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="showHide">show移上去看看</div> <p></p> <div id="spanel"> <h5>hello</h5> </div> <p></p> <div id="fadeout">fadeout淡出效果淡出效果淡出效果淡出效果淡出效果淡出效果淡出效果淡出效果淡出效果淡出效果 </div> </body> </html>