Javascript HTML，Jquery鱼眼菜单

我已经使用了fisheye jquery“interface.js”我想用它生成第三个元素

id=“default”

应该显示默认值，如鼠标悬停效果，请帮助我提前感谢

HTML

<div class="dock" id="dock1">
    <div class="dock-container2">
        <a class="dock-item2" href="#" ><span>E-Mail</span><img src="images/ui/img1.png" alt="home" width="40"/></a>
        <a class="dock-item2" href="#"><span>Contact</span><img src="images/ui/img2.png" alt="contact" width="50" /></a>
        <a class="dock-item2" href="#" id="default"><span>Car</span><img src="images/ui/img3.png" alt="portfolio" width="60"/></a>
        <a class="dock-item2" href="#"><span>Home</span><img src="images/ui/img4.png" alt="music" width="70" /></a>
        <a class="dock-item2" href="#"><span>Air Line</span><img src="images/ui/img5.png" alt="video" width="80"  /></a>
        <a class="dock-item2" href="#"><span>Train</span><img src="images/ui/img6.png" alt="history" width="70"/></a>
        <a class="dock-item2" href="#"><span>Hotel</span><img src="images/ui/img7.png" alt="calendar" width="60"/></a>
        <a class="dock-item2" href="#"><span>Links</span><img src="images/ui/img8.png" alt="links" width="50"/></a>
        <a class="dock-item2" href="#"><span>Call Us</span><img src="images/ui/img9.png" alt="rss" width="40" /></a>
    </div>
</div>

---

试着这样做：

$(".dock-container2:nth-child(3)").attr("id", "default")

---

试着这样做：

$(".dock-container2:nth-child(3)").attr("id", "default")

---

请考虑编辑你的答案，包括解释你的代码如何解决手头的问题。请考虑编辑你的答案，包括解释你的代码是如何解决手头的问题的。