山东十一选五专家荐号:jquery四叶草(原创)

2019山东十一选五杀号 www.xvcvn.com 所属分类:UI,其他-背景,动画效果

 17872  190  查看评论 (14)
分享到微信朋友圈
X
jquery四叶草(原创) ie兼容11

直接把代码粘贴到代码中,确定class名不冲突,并加以定位就可以自由使用。
点击叶片,改变形状,改变背景颜色

相关插件-背景,动画效果

JavriptDesktop

一个漂亮的原生Javript桌面效果
  背景
 41805  300

漂亮的全屏Slideshow幻灯滑块效果(jQuery)

漂亮的全屏Slideshow幻灯滑块效果(jQuery)
  背景
 27703  238

超简单的背景循环插件JoynBackground

使用超简单,代码仅1句,改变参数就可以了。
  背景
 40041  432

jQuery颜色选择器ColorPicker

ColorPicker基于强大的jQuery,使用方便、配置简单,同时不需要加载额外的CSS文件??梢运嫘乃氖褂玫较钅恐?,兼容各大浏览器。
  背景
 42126  177

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Thinkbird 0
    2019/6/9 20:59:10
    0
    2019/5/26 21:08:58
    在移上一个元素的时候,第一个元素会进行变化,但是这是直接移到第二个元素的时候,第一个元素不会回复原位,请问下这个就是这么设计的吗 回复
    曲终人散 1
    2018/12/18 16:42:35

    个人感觉可以简化下代码

    <main>
        <div class="one" data-name="one" data-bgcolor="rgba(247, 114, 114, 0.986)">医疗</div>
        <div class="two" data-name="two" data-bgcolor="rgb(245, 245, 129)">饮食</div>
        <div class="three" data-name="three" data-bgcolor="rgb(193, 245, 115)">运动</div>
        <div class="four" data-name="four" data-bgcolor="rgb(133, 219, 245)">消费</div>
    </main>
    <script type="text/javascript">
        (function($) {
            $.fn.gress = function() {
                var gName = $(this).data("name");
                var bgColor = $(this).data("bgcolor");
                $(this).bind("click", function() {
                    if ($(this).attr("class") == gName) {
                        $(this).attr("class", gName + "s");
                        $('body').css({
                            background: bgColor
                        })
                    } else {
                        $(this).attr("class", gName);
                        $('body').css({
                            background: 'none'
                        })
                    }
                })
            }
        })(jQuery);
        $(".one").gress();
        $(".two").gress();
        $(".three").gress();
        $(".four").gress();
    </script>
    回复
    王思捷 0
    2018/11/26 4:09:12
    前端小白想问下jquery怎么分行啊
        冯永森0
        2019/8/16 23:18:57
        好像有一个自动代码的快捷键ctrl+alt+L可以试试
    回复
    华虹唐戈 0
    2018/11/2 16:22:40
    是js控制的吗
        . 侦??0
        2018/11/6 9:12:11
        jquery
    回复
    PeterChu 0
    2018/8/30 10:41:37
    nice
        . 侦??0
        2018/8/30 11:58:25
        注释很全,能学会的
        huangdetian0
        2018/9/13 13:36:29
        很难玩
        -初笑°0
        2019/4/22 8:52:46
        慢慢看呗 会理解的
    回复
    茶哥儿 0
    2018/8/29 20:42:09
    非常棒!
        . 侦??0
        2018/9/1 10:56:55
        ??
        4053185450
        2018/9/5 17:01:42
        ???
    回复
取消回复