js如何实现点击文字向下展示介绍的效果
在js中，可以使用slideDown方法来实现当点击文字时，向下展示介绍的内容。下面小编举例讲解js如何实现点击文字向下展示介绍的效果。
东西/原料
- 联想笔记本Air14
- 操作系统Windows 10
- zend studio10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解js如何实现点击文字标的目的下展示介绍的结果。
- 2
在test.html文件中，引入jquery.min.js库文件。
- 3
在test.html文件中，利用p标签建立一行文字，并给它绑定onclick事务，当它被点击时，执行upinfo函数。
- 4
在test.html文件中，再利用p标签建立一行介绍的文字，并利用display属性设置其埋没不成见。
- 5
在script标签内，建立uupinfo函数，在函数内，经由过程id获得p标签对象，利用slideDown方式将埋没的内容睁开显示。
- 6
在浏览器打开test.html文件，点击文字，查看成果。
END
- 发表于 2022-02-16 20:16
- 阅读 ( 354 )
- 分类：其他类型
