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
  • 热门搜索
    旅游一卡通 中国旅游饭店行业规范 去香港旅游要多少钱 葫芦岛旅游景点 旅游景点排行榜 北京旅游区 揭阳旅游景点大全 旅游咨询师 淮南旅游 成都到丽江旅游