如何更改javascript中的魚眼效果項目之間的邊距

我看到了這種魚眼效果呈現js並試圖在網站HTML中使用它。它工作正常，但我無法更改項目之間的空間。有人知道如何改變項目之間的空間嗎？這是HTML/JS代碼：如何更改javascript中的魚眼效果項目之間的邊距

<script type="text/javascript"> 

    $(document).ready(
     function() 
     { 
      $('#dock').Fisheye(
       { 
        maxWidth: 50, 
        items: 'a', 
        itemsText: 'span', 
        container: '.dock-container', 
        itemWidth: 75, 
        proximity: 90, 
        halign : 'center' 
       } 
      ) 
     } 
    ); 

</script><div id="topbutton-container"> 
<div style="float:left; width:17px; margin:0px;"><img src="images/topbutton-left.jpg" /></div> 
<div id="topbutton" align="center"><div class="dock" id="dock"> 
    <div class="dock-container"> 
    <a class="dock-item" href="index.html"><img src="images/home.png" alt="home" /><span>Home</span></a> 
    <a class="dock-item" href="projects.html"><img src="images/projects.png" alt="contact" /><span>Projects</span></a> 
    <a class="dock-item" href="course.html"><img src="images/course.png" alt="portfolio" /><span>Course</span></a> 
    <a class="dock-item" href="testimonial.html"><img src="images/music.png" alt="music" /><span>Testimonial</span></a> 
    <a class="dock-item" href="latest-updates.html"><img src="images/history.png" alt="history" /><span> Latest Updates</span></a> 
    <a class="dock-item" href="contact.html"><img src="images/contact.png" alt="calendar" /><span>Contact</span></a> 
</div> 
</div></div> 
<div style="float:left; width:17px; margin-top:0px;"><img src="images/tobutton-right.jpg" /></div> 
</div>

來源

2012-10-18 user1720527

'.dock項{保證金：0 30PX;}' – Dev

@Dev不工作，隻影響了最後一個div /錨（即接觸） – user1720527

希望我可以看到，在撥弄。 – Dev

你囊括了所有的支持文件？

<script type="text/javascript" src="javascript/jquery.js"></script> 
    <script type="text/javascript" src="javascript/interface.js"></script> 
    <link type="text/css" href="css/interface-fisheye.css" rel="stylesheet">

來源

2012-10-18 11:38:36 manny

是的，我修改了邊距值（以及其他的碼頭項目樣式值）隻影響最後一個div/anchor（例如聯繫人）。 – user1720527

如何更改javascript中的魚眼效果項目之間的邊距

回答

相關問題