CSS / JQuery边框

下面的 jquery代码正是我想要它在悬停时做的事情.但是,我需要它以下列方式工作：

如果用户将鼠标悬停在#altimgX上(例如),则会出现黑色边框.我想要这个边界留下来,直到’#altimgY’徘徊;那时,我想从#altimgX中删除边框.

我尝试使用’mouseleave’,但这并没有解决我的问题,因为我希望当前的#altimg边界保持不变,直到另一个#altimg元素悬停.

$("#altimg0, #altimg1, #altimg2, #altimg3, #altimg4, #altimg5").hover(function(){
        $(this).css('border', '3px solid black');
});

HTML代码段

<div id="altimg0" style="height:70px; width:70px;"> SOME IMAGE </div>
<div id="altimg1" style="height:70px; width:70px;"> SOME IMAGE </div>
<div id="altimg2" style="height:70px; width:70px;"> SOME IMAGE </div>
<div id="altimg3" style="height:70px; width:70px;"> SOME IMAGE </div>
<div id="altimg4" style="height:70px; width:70px;"> SOME IMAGE </div>
<div id="altimg5" style="height:70px; width:70px;"> SOME IMAGE </div>

在这方面,我感谢任何帮助.

谢谢

var altimgs = $("#altimg0, #altimg1, #altimg2, #altimg3, #altimg4, #altimg5");

altimgs.hover(function() {
    altimgs.css('border-width', '0');
    $(this).css('border', '3px solid black'); 
});

在每个元素的悬停功能中,您只需先删除边框,然后仅将其设置为所需的边框.

另外,小提琴：http://jsfiddle.net/EYgpj/