今天在做一个网页,需要用到鼠标悬浮hover改变当前div边框颜色,由于IE6之类的浏览器不支持非a以外的伪类,所以就用jQuery实现。刚开始使用addClass添加样式的方法,发现不能成功,后来就直接通过jquery给当前div添加一个border的样式。
实现效果的方法:
$(document).ready(function() {
$('.themelist').hover(function() {
$(this).addClass('add');
},function(){
$(this).removeClass('add');
});
});
或:
$(document).ready(function() {
$('.themelist').hover(function() {
$(this).css("border","1px #000 solid");
},function() {
$(this).css("border","1px #fff solid");
});
});
第一个需要定义一个类选择器.add,并定义其边框