jQuery hover改变div边框颜色

今天在做一个网页,需要用到鼠标悬浮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,并定义其边框
关键词: css

网友留言(0条)

发表评论