0

この魚眼効果レンダリング 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>
4

1 に答える 1

0

すべてのサポートファイルが含まれていますか?

    <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-18T11:38:36.707 に答える