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

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

1、slideDown:使元素向下滑动,在以下示例代码中,点击按钮,就会向下滑动。

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

2、执行代码,页面上出现一个按钮。

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

3、点击该按钮,就会出现下滑效果,再弹出一个新的div。如图所示:

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

4、slideup:实现元素的向上滑动效果。示例代码如下,点击按钮,下面的div就会收缩起来

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

5、slideToggle:实现元素向上滑和向下滑之间的切换。示例代码如下:

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

6、fadeTo方法:实现不同透明度的渐变效果。如下代码所示:

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

7、最开始运行的颜色如下所示:

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

8、点按钮后,实现不同透明度的颜色渐变,效果如下:

jQuery在网页特效中的应用之二
  • jQuery get数据怎么显示在页面上
  • jQuery中的Ajax应用
  • 如何使用jquery中的each
  • 在网页中如何使用jQuery
  • jQuery中的Ajax技术
  • 热门搜索
    健康饮食手抄报内容 营养与健康手抄报 关于清明的手抄报内容 童话天地手抄报 国庆节手抄报简单又漂亮字少 关于民族的手抄报 防震手抄报图片大全集 重阳节手抄报简单字少 七彩童年手抄报 我是小学生手抄报