jQuery使用fadein方法实现渐出效果实例教程
程序员文章站
2022-08-03 13:18:40
本文实例讲述了jquery使用fadein方法实现渐出效果的方法。分享给大家供大家参考。具体分析如下:
下面的js代码通过jquery的fadein方法控制指定色块逐渐显示的功能...
本文实例讲述了jquery使用fadein方法实现渐出效果的方法。分享给大家供大家参考。具体分析如下:
下面的js代码通过jquery的fadein方法控制指定色块逐渐显示的功能
<!doctype html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#p1").fadein(); $("#p2").fadein("slow"); $("#p3").fadein(3000); }); }); </script> </head> <body> <p>demonstrate fadein() with different parameters.</p> <button>click to fade in boxes</button> <br><br> <p id="p1" style="width:80px;height:80px;display:none;background-color:red;"> </p><br> <p id="p2" style="width:80px;height:80px;display:none;background-color:green;"> </p><br> <p id="p3" style="width:80px;height:80px;display:none;background-color:blue;"> </p> </body> </html>
推荐阅读
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
-
jQuery实现动画、消失、显现、渐出、渐入效果示例
-
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
-
jQuery实现动画、消失、显现、渐出、渐入效果示例
-
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
-
jQuery使用fadeout实现元素渐隐效果的方法教程
-
jQuery使用fadein方法实现渐出效果实例教程
-
jquery使用slideDown实现模块缓慢拉出效果的方法教程
-
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
-
使用jQueryMobile实现滑动翻页效果的方法_jquery