jQuery漂亮页面留下装饰特效插件

电脑杂谈  发布时间:2020-05-02 12:01:54  来源:网络整理

css 树叶飘落_css3实现树叶飘落_flash树叶飘落步骤

这是一个非常酷的jQuery插件,用于页面掉落装饰的特殊效果. jQuery插件可以在页面顶部生成各种叶子. 这些叶子会随机掉落. 在树叶秋天的过程中css3实现树叶飘落,使用鼠标单击将具有更神奇的效果.

css 树叶飘落_css3实现树叶飘落_flash树叶飘落步骤

jQuery插件支持IE10以上的所有最新版本的现代浏览器css3实现树叶飘落,并在手机上进行了优化. 使用起来也非常简单.

flash树叶飘落步骤_css3实现树叶飘落_css 树叶飘落

使用落叶jQuery插件需要引入jQuery和jquery.rotate.js插件以及jquery.classyleaves.min.css和jquery.classyleaves.min.js文件.

css 树叶飘落_css3实现树叶飘落_flash树叶飘落步骤

<link rel="stylesheet" type="text/css" href="css/jquery.classyleaves.min.css" />
<script src="jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.rotate.js"></script>
<script src="js/jquery.classyleaves.min.js"></script>                
              

flash树叶飘落步骤_css3实现树叶飘落_css 树叶飘落

页面DOM元素加载后,可以通过以下方法初始化落叶插件.

var tree = new ClassyLeaves({
    leaves: 30,
    maxY: -10,
    multiplyOnClick: true,
    multiply: 2,
    infinite: true,
    speed: 4000
});              
              

如果需要动态添加叶子数,可以使用以下方法:


本文来自电脑杂谈,转载请注明本文网址:
https://www.pc-fly.com/a/jisuanjixue/article-196418-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      热点图片
      拼命载入中...