我看到这个鱼眼效果渲染 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>
最佳答案
您是否包括了所有支持文件?
<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 - 如何在javascript中更改鱼眼效果中元素之间的边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12953611/