.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); //松开鼠标后停止移动并恢复成不透明 }); }); */