Question

我看到这个鱼眼效果呈现js并试图在网站HTML中使用它。它工作正常，但我无法更改项目之间的空间。有人知道如何改变物品之间的空间吗？这是Html / js代码：

<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>

Answer 1

您是否包含了所有支持文件？

    <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">

如何在javascript中更改鱼眼效果中的项目之间的边距

1 个答案: