关于按钮背景透明 + 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>



原文地址:https://www.cnblogs.com/yangxinghua/p/3865838.html