javascript实现树叶飘落

 时间:2024-10-19 08:10:16

1、用netbeans工具建立一个项目之后新建一个1.html文件

javascript实现树叶飘落

2、引入jquery这个js库文件,和1.css样式文件

javascript实现树叶飘落

3、加入一个树叶的层div

javascript实现树叶飘落

4、建立一个1.css文件

javascript实现树叶飘落

5、在网站目录下面准备树叶的图片,背景透明这里准备了1.png

javascript实现树叶飘落

6、定义css文件关于树叶层的样式这里定义了宽高和树叶的位置

javascript实现树叶飘落

7、这里使用phpstudy 网站平台

javascript实现树叶飘落

8、在火狐浏览器查看

javascript实现树叶飘落

9、这里使用jquery的animate();

javascript实现树叶飘落

10、在火狐浏览器查看向下移动了100px

javascript实现树叶飘落

11、这里采用循环执行函数,让每次都向下移动100px,每个2秒的书速度移动一次这里注意采用了arguments.callee 而如果采用函数名字自循环,浏览器会报循环太多不执行

javascript实现树叶飘落

12、火狐浏览器测试向下移动

javascript实现树叶飘落
  • 图示如何使用Pr软件制作添加倒计时的动画效果
  • 如何使用CSS 浮动
  • Axure滚动到元件的动作如何设置为摇摆
  • flash制作文字追随鼠标运动的效果
  • 怎样使用IE浏览器查看页面的手机端效果
  • 热门搜索
    维生素a酸 养殖什么最赚钱 361度运动鞋 代沟是什么 维生素e涂脸 体液是什么 双核和四核有什么区别 维生素a的作用及功能 维生素e什么时候吃最好 海南有什么特产