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在网页特效中的应用之一
  • jQuery在网页特效中的应用之二
  • jQuery中的Ajax应用
  • jQuery :first 选择器的应用
  • jQuery get数据怎么显示在页面上
  • 如何使用jquery中的each
  • 热门搜索
    三年级国庆节手抄报 美丽的家乡手抄报 国学经典手抄报图片 传统美德手抄报 防震手抄报图片 美德少年手抄报内容 校园文明礼仪手抄报 运动会手抄报图片 感恩教师的手抄报 关于戒烟的手抄报