鼠标感知的瓶中萤火虫动画

来源:https://www.sucaihuo.com/js/3054.html 2017-09-21 22:50浏览(970) 收藏

一款鼠标感知的瓶中萤火虫动画,萤火虫在瓶中不停的上下飞舞,而瓶子能根据鼠标的左右移动进行左右摇摆。
鼠标感知的瓶中萤火虫动画
分类:其它特效 > 动画效果 难易:初级
查看演示 下载资源 下载积分: 10 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

页面的head部分,需引入页面的样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分,用了多个div的嵌套结构,代码如下:

<div id="container">
  <div id="content">
     <div id="particles">
       <div id="p0" class="p"></div>
     </div>
     <div id="jar"></div>
  </div>
</div>

页面的底部,需引入两个必要的JS文件,代码如下:

<script type="text/javascript" src='js/TweenMax.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2