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技术
  • 热门搜索
    过年去哪里旅游便宜 现在去哪里旅游最好 荞面旅游网 广州旅游景点推荐 无锡旅游景点介绍 长白山冬季旅游攻略 世界旅游景点排行 民丹岛旅游攻略 九寨沟最佳旅游时间 上海旅游景点地图