JS_0004:JQuery 创建按钮 添加样式,和 事件的快捷方法 ,按钮淡入淡出

        $('<div class="close"></div>')
            .css({
                "width":"10vh",
                "height":"10vh",
                "top":"50%",
                "right":"0%",
                "transform": "translate(0, -50%)",
                "z-index":9999,
                "position":"absolute",
                "background-size":"contain",
                "background-repeat":"no-repeat",
                "background-position":"center right",
                "background-image":"url('common/images/theme/default/btn_styleR.png')",
                "background-color": "red"
              })
            .appendTo('body').on('click', function () {
                
                // 直接淡出
                $targetObj.toggle();
                // 原地渐变淡出
                $targetObj.fadeToggle(1000);
                // 向下滑动淡出
                $targetObj4.slideToggle("slow");

            });

 

posted @ 2020-05-27 16:04  琥珀君  阅读(488)  评论(0编辑  收藏  举报