jquery创建飘动的云插件jQlouds

                所属分类:其他-动画效果

                 582572  225  查看评论 (11)
                分享到微?#25490;?#21451;圈
                X
                jquery创建飘动的云插件jQlouds ie兼容6

                基本用法

                添加jquery库和jqlouds.js你网页head位置

                <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
                <script src="jquery.jqlouds.min.js"></script>


                在你的网页添加所要放置云的容器标签:

                <div id="sky" style="height:223px;"></div>


                你只需要通过jQuery选择器调用插件来完成工作。

                你可以在同一页有多个云,每个元素都将充满随机静态云。请注意,选定的元素会相对定位为了?#35270;?#32477;对定位的云。

                $('#sky1, #sky2').jQlouds();


                天空高度

                不像真正的天空,在这里,我们知道它的确切高度:最低高度是基于最大的云的高度自动给出。你可以给一个不同高度的元素通过插件本身。


                通过CSS

                <div id="sky" style="height:223px;"></div>
                <script>
                jQuery(function($) {
                  $('#sky').jQlouds();
                });
                </script>


                或通过 jquery

                <div id="sky"></div>
                <script>
                jQuery(function($) {
                  $('#sky').jQlouds({ skyHeight: 223 });
                });
                </script>


                动画

                有时风一吹,云就在天空移动,不是吗?嗯,你可以打开设置:

                $('#sky').jQlouds({
                  wind: true
                });
                相关插件-动画效果

                可以在网页上拖动的水晶球特效

                可以在网页上拖动的水晶球特效
                  动画效果
                 22124  147

                原生js波浪点击按键(原创)

                利用原生js实现波浪点击效果,没有用到任何插件
                  动画效果
                 10930  120

                html5 canvas粒?#26377;?#31354;

                html5 canvas鼠标跟随粒?#26377;?#31354;动画
                  动画效果
                 39090  386

                DynamicData更新版

                用来显示动态更新的数据,修改之前点击stop无效的bug,并且优化按钮选项
                  动画效果
                 16257  97

                讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币

                  大佬 0
                  2019/4/29 17:25:46
                  谁能告诉我,这个图片怎么换? 回复
                  ┽陌路,归客ぅ 0
                  2016/10/9 12:10:30
                  。? 0
                  2016/9/22 17:09:49
                  很?#19981;?感觉不错 回复
                  红发 0
                  2016/9/19 14:09:08
                  简~单~ 0
                  2016/7/13 9:07:18
                  这云飘的我尴尬症都犯了 回复
                  風啟?落時 0
                  2016/6/24 11:06:25
                  不是很平滑的感觉。
                      。?0
                      2016/9/22 17:09:43
                      LDL5209090
                      2017/5/16 11:11:42

                      有办法改掉不平滑的感觉吗?

                  回复
                  时光荏苒 0
                  2016/6/12 15:06:37
                  Legend 0
                  2014/12/9 10:52:21
                  效果不太好 一抖一抖的
                      H0
                      2016/4/21 16:04:21
                  回复
                取消回复
                快3倍投资金计划

                                            福利彩票开奖结果 吉林十一选五玩法胆拖 极速十一选五是哪里的 dp娱乐平台 彩票论坛双彩论坛体彩论坛 银河国际娱乐会所 欧冠彩票论坛 qq欢乐斗地主怎么和好友一起玩 胆拖投注和中奖速查表 五分彩计划 江苏快3开奖记录 赛马会排位表 ag真人app 快乐12选3个号技巧 【完整足球指数】欧赔