有没有办法在两个高亮列表项之间动态绘制箭头?
所以如果我将鼠标悬停在“Item 2”上,它会这样做(但是是一条直线箭头):
Item 1 Highlight 3
Item 2-----\ Highlight 1
Item 3 ----->Highlight 2
这是我几分钟前从这里得到的答案代码:
当鼠标悬停时在两个列表中高亮显示项的代码。$(".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>