.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>