是否有任何方法在两个突出显示的列表项之间动态绘制箭头?在列表之间绘制箭头
所以,如果我上空盘旋,“项目2”,将做到这一点(但直箭头):
Item 1 Highlight 3
Item 2-----\ Highlight 1
Item 3 ----->Highlight 2
这是我几个小时前来到这里的答案代码:
Highlight item in two lists when mouseover
$(".list1 li, .list2 li").hover(function() {
var n = this.id.substr(2);
$("#qq" + n + ", #aa" + n).toggleClass("highlight");
});
的jsfiddle:http://jsfiddle.net/e37Yg/1/
<ul class="list1">
<li id="qq1">sdfsdv</li>
<li id="qq2">bnvnvb</li>
<li id="qq3">nmnutymnj7</li>
<li id="qq4">cvbc</li>
<li id="qq5">45tsgd</li>
</ul>
<ul class="list2">
<li id="aa3">fgtbrtgb</li>
<li id="aa1">vbn xgbn</li>
<li id="aa5">vdgver</li>
<li id="aa4">asdasdv</li>
<li id="aa2">nvfbnfn</li>
</ul>
嘿,很酷的东西:) – 2011-01-12 03:59:26