• 关于按钮背景透明 + div拖拽


    .btn_buttom
    {
        margin: 0px;
        padding: 0px;
        outline: none; /*去除按钮单击后的虚线框*/
        border: none; /*去除边框*/
        width: 43px;
        height: 23px;
        background-image: url(Images/bg_buttom.png);
        background-color: transparent; /*设置透明度*/
    }

    jquery 动态更换元素样式
     function btnOK() {
                if ($("#btnid").attr("class") == "btn_top") {//取得当前元素的class 名
    $(
    "#btnid").removeClass();//去掉原来class $("#btnid").addClass("btn_buttom");//添加新的class
    }
    else { $("#btnid").removeClass(); $("#btnid").addClass("btn_top"); } $("#title_tanchu").slideToggle("slow"); }

    /* 模块拖拽div
            $(function () {
            var _move = false; //移动标记  
            var _x, _y; //鼠标离控件左上角的相对位置  
            $(".Abnormal").click(function () {
            //alert("click");//点击(松开后触发)  
            }).mousedown(function (e) {
            _move = true;
            _x = e.pageX - parseInt($(".Abnormal").css("left"));
            _y = e.pageY - parseInt($(".Abnormal").css("top"));
            $(".Abnormal").fadeTo(20, 0.5); //点击后开始拖动并透明显示  
            });
            $(document).mousemove(function (e) {
            if (_move) {
            var x = e.pageX - _x; //移动时根据鼠标位置计算控件左上角的绝对位置  
            var y = e.pageY - _y;
            $(".Abnormal").css({ top: y, left: x }); //控件新位置  
            }
            }).mouseup(function () {
            _move = false;
            $(".Abnormal").fadeTo("fast", 1); //松开鼠标后停止移动并恢复成不透明  
            });
            });
            */

    <div class="Abnormal"></div>
    
    
    
    
    
  • 相关阅读:
    laydate 监听日期切换
    done
    Could not find result map java.util.HashMap
    toFixed
    js追加元素
    input只能输入数字或两位小数
    JSTree[树形控件]
    JSp获取到当前用户的全部session
    layui select change
    大型网站技术架构读后感
  • 原文地址:https://www.cnblogs.com/yangxinghua/p/3865838.html
Copyright © 2020-2023  润新知