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浏览器查看页面的手机端效果
  • 热门搜索
    马桶漏水怎么修 大蒜怎么种植 冰红茶怎么做 头发蓬松毛躁怎么办 工作流程怎么写 宝宝过敏怎么办 附件炎怎么治疗 胳膊肌肉酸痛怎么办 宝宝感冒咳嗽流鼻涕怎么办 松子吃多了会怎么样