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

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

1、一般情况下,网页中的元素是无法移动的,并且都有一个静态位置。为实现元素移动,需要元素position 属性设置为relative、fixed 或 absolute

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

2、执行代码,页面初始效果如下

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

3、点击按钮后,矩形框从原来的位置挪动到另外一个位置,实现动画效果。

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

4、在生成动画的过程中,还可以用到其它属性,示例代码如下:

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

5、执行该代码,点击按钮后,不但矩形框位置发生改变,而且大小和颜色透明度也发生了变化。

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

6、在使用animate方法时除了用绝对值以外,还可以用相对值。示例代码如下:

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

7、执行该代码,不停的点按钮,每点一次,矩形框就会变大一次。

jQuery在网页特效中的应用之三
  • jQuery中的each语句
  • jquery 列表伸缩特效
  • 在网页中如何使用jQuery
  • jquery的学习方法
  • jQuery中的Ajax应用
  • 热门搜索
    后空翻怎么练 过敏了怎么办 阿根廷红虾怎么做好吃 林肯mkz怎么样 幽门螺旋杆菌怎么治疗 科目汇总表怎么填 京东e卡怎么用 烫伤了怎么办 千足虫怎么消灭 花的笔顺怎么写