滑动菜单效果是非常酷的,但很多时候,我们不希望为了酷使用大量脚本,影响到网页的载入速度.现在,如果你想弄一个滑动菜单,那你不用担心这个问题了,Leigeber创建了一个1KB的横向滑动菜单脚本.
别看它小,丝毫不逊色于那些使用jQuery或Mootools框架的滑动菜单脚本,这是一个多用途且独立的横向手风琴脚本,可用于菜单,图片,演示文稿的内容和更多你想使用的地方.它的一个更大的特点是,该脚本可以根据菜单的元素个数来自动调整适应菜单的尺寸。
要使用它也是非常简单的.
1. 在<head>部分调用.例:
<script type=”text/javascript” src=”slidemenu.js”></script>
2. 使用ul列表书写菜单源码.例:
<ul id=”sm” class=”sm”>
<li><img src=”images/1.gif” alt=”" /></li>
<li><img src=”images/2.gif” alt=”" /></li>
<li><img src=”images/3.gif” alt=”" /></li>
<li><img src=”images/4.gif” alt=”" /></li>
</ul>
3. 记得要发出函数请求.例:
<body οnlοad=”slideMenu.build(’sm’,200,10,10,1)”>
sm就是ul列表的使用名称.200这个呢就是菜单元素展开后的宽度.第3个是什么我也还没弄明白,第4个是滑动速度.最后一个也没弄明白.
此脚本已经过测试,良好工作于IE6 , IE77 ,Firefox,Opera和Safari 。并且你可以免费使用该脚本,用于任何个人或商业项目。这真的是个不错的脚本,你如果真准备创建一个滑动菜单,可以把它列出首先考虑的范围.你可以到Leigeber的博客下载该演示脚本.