jquery四葉草(原創)

所屬分類:UI,其他-背景,動畫效果

 17943  190  查看評論 (14)
分享到微信朋友圈
X
jquery四葉草(原創) ie兼容11

直接把代碼粘貼到代碼中,確定class名不沖突,并加以定位就可以自由使用。
點擊葉片,改變形狀,改變背景顏色

相關插件-背景,動畫效果

jquery形象照片卷軸插件

jquery形象照片卷軸插件
  背景
 27640  201

jQuery顏色選擇器ColorPicker

ColorPicker基于強大的jQuery,使用方便、配置簡單,同時不需要加載額外的CSS文件??梢噪S心所欲的使用到項目中,兼容各大瀏覽器。
  背景
 42229  177

jQuery全屏背景插件Vegas2

網頁全屏背景jQuery插件 Vegas2,它和其它背景插件不同之處就是帶有幻燈片功能?;脽羝那袚Q有多種風格,如旋轉、漸隱、左右等方式,切換的時候還有進度條顯示。
  背景
 28074  314

漂亮的全屏Slideshow幻燈滑塊效果(jQuery)

漂亮的全屏Slideshow幻燈滑塊效果(jQuery)
  背景
 27764  238

討論這個項目(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
        ???
    回復
取消回復
cba联赛上午开发 上海时时乐形态走势 山东扑克3实时走势图 星力捕鱼游戏 乐享棋牌游戏 11选5北京 今晚必中四不像图 棋牌游戏官方网? 体彩7位数预期号码推荐 股票短线选股技巧 pc蛋蛋网赚