用js在图片外加上border_IT百科

这样的效果用css实现，启不是更简单，代码如下：

<html>

<head>

<title>example</title>

<!--

img{ border:0 none}

a:hover img{border:1px solid #f00}

-->

</style>

</head>

<body>

</body>

</html>

使用：.addClass('active').siblings().removeClass('active')；即可

解释：给当前选中的增加边框.addClass('active')

给原先选中的取消边框.siblings().removeClass('active')

详细如下：

.clr:after{clear:bothdisplay:blockoverflow:hiddenheight:0content:"."}

.clr{zoom:1}

.price{width:100%}

.price a{width:100pxheight:40pxline-height:40pxtext-align:centerbackground:#eeefloat:leftmargin:0 5pxdisplay:blockcursor:pointer}

.price a.active{border:1px solid red}

</style>

</div>

$(function(){

$('.price a').click(function(){

$(this).addClass('active').siblings().removeClass('active')

})

</script>

效果如下：

欢迎分享，转载请注明来源：内存溢出

用js在图片外加上border