jquery 鼠标滑过改变div背景或图片方法
jquery 鼠标滑过改变div背景或图片方法
jquery实现的鼠标滑过按钮改变背景图片,实现容器span等都可以通过动态改变css教程来实现哦。
$(document).ready(function () {
//按钮样式切换
$("#btFeedBack").hover(
function () {
$(this).removeClass("btFeed").addClass("btFeedhover");
},
function () {
$(this).removeClass("btFeedhover").addClass("btFeed");
}
);
});
jquery 鼠标滑过使指定层变色,实现容器span
接$('
$(this).parents("div.divbody").eq(0).css("background","颜色值");
//鼠标进入li发生的事情
),function(
//鼠标离开li发生的事情
));
jquery实现的鼠标滑过按钮改变背景图片
css代码如下：
.photo {
position:relative;
font-family:arial;
overflow:hidden;
border:5px solid #000;
}
.photo .heading, .photo .caption {
position:absolute;
background:#000;
opacity:0.6;
}
.photo .heading {
top:-50px;
}
.photo .caption {
bottom:-50px;
left:0px;
}
.photo .heading span {
color:#26c3e5;
top:-50px;
font-weight:bold;
display:block;
padding:5px 0 0 10px;
}
.photo .caption span {
color:#999;
font-size:9px;
display:block;
padding:5px 10px 0 10px;
}
jquery代码如下：
