手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jQuery在网页特效中的应用之一

时间:2024-10-31 00:24:06

1、fadeIn() 用于淡入已隐藏的元素,它有两个参数,均可选。 speed定义效果时长。callback 定义fading 完成后所执行的函数名称。

jQuery在网页特效中的应用之一

2、以下脚本用fadeIn() 调用不同参数,实现不同淡入效果。页面上有三个div,每个div采用不同参数调用。

jQuery在网页特效中的应用之一

3、执行脚本,页面上出现一个按钮。如图

jQuery在网页特效中的应用之一

4、点击按钮,就会采用不用的效果出现三个div。

jQuery在网页特效中的应用之一

5、用 toggle() 方法实现隐藏和显示的切换。示例代码如下:

jQuery在网页特效中的应用之一

6、执行代码,页面上出现按钮和文本。

jQuery在网页特效中的应用之一

7、点击隐藏/显示按钮,文本消失。再次点击按钮,文本又再次出现。由此实现隐藏和显示的切换。

jQuery在网页特效中的应用之一
© 手抄报圈