这篇文章主要讲解了如何实现jQuery常用特效,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
显示与隐藏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #content{display: none;} </style> <script src="jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $('#btn').click(function(event) { if ($(this).text() === '显示说明') { $('#content').show(); //$('#content').show('slow');//设置显示速度,1000为一秒,也可以用fast或slow //$('#content').show('slow',function() { //$('h4').css('color','red'); //});//设置显示完成后的回调函数 $(this).text('隐藏说明'); } else { $('#content').hide(); $(this).text('显示说明'); } }); }); </script> </head> <body> <img src="images/logo.jpg" alt='logo' > <div> <p id="content">百度logo,埃里克森上放声大哭就会发生放声大哭肌肤时受到了飞机上的法律手段无可奈何花落去</p> </div> <div > <button type="button" name="button" id="btn">显示说明</button> </div> </body> </html>
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页标题:如何实现jQuery常用特效-创新互联
链接地址:https://www.cdcxhl.com/article22/dhdijc.html
成都网站建设公司_创新互联,为您提供网站制作、营销型网站建设、网站排名、外贸建站、动态网站、网站维护
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联