JQuery的一种特效：展开和收缩

最新推荐文章于 2018-06-16 12:47:39 发布

巴克

最新推荐文章于 2018-06-16 12:47:39 发布

阅读量1.8k

点赞数

分类专栏： JQuery+JSON 文章标签： jquery function class

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/lbake/article/details/5807349

版权

JQuery+JSON 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何使用jQuery实现网页元素的渐显渐隐效果。通过点击按钮，可以使段落文字在1秒内淡出或重新渐显，并改变背景颜色。此功能增强了用户体验，实现了平滑的视觉过渡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html> <head> <mce:script type="text/javascript" src="/jquery/jquery.js" mce_src="jquery/jquery.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <p>This is a paragraph.</p> <button class="btn1">Hide</button> <button class="btn2">Show</button> </body> </html>

点击Hide后：

点击Show后：

并且有渐变的过程。很强大的功能啊！！！！！！！！切记：使用Jquery要引入Jquery：

<script type="text/javascript" src="/jquery/jquery.js"></script>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。