首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML,Jquery Fisheye菜单

HTML,Jquery Fisheye菜单
EN

Stack Overflow用户
提问于 2010-12-11 05:54:23
回答 1查看 1.3K关注 0票数 2

我使用了fisheye jquery "interface.js",我想用id="default"制作第三个元素,应该显示默认的鼠标过载效果,请提前帮助我谢谢。

代码语言:javascript
运行
复制
<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>

脚本

代码语言:javascript
运行
复制
$(document).ready(function() {
    $('#dock1').Fisheye({
        maxWidth: 60,
        items: 'a',
        itemsText: 'span',
        container: '.dock-container2',
        itemWidth: 40,
        proximity: 80,
        alignment: 'left',
        valign: 'top',
        halign: 'center'
    });
    $("#pagecontent").slider();
});
EN

回答 1

Stack Overflow用户

发布于 2015-10-19 12:43:39

试着做这样的事情:

代码语言:javascript
运行
复制
$(".dock-container2:nth-child(3)").attr("id", "default")
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4415432

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档