滑动菜单效果是非常酷的，但很多时候，我们不希望为了酷使用大量脚本，影响到网页的载入速度．现在，如果你想弄一个滑动菜单，那你不用担心这个问题了，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 onload=”slideMenu.build(‘sm’,200,10,10,1)”>
sm就是ul列表的使用名称．200这个呢就是菜单元素展开后的宽度．第3个是什么我也还没弄明白，第4个是滑动速度．最后一个也没弄明白．
此脚本已经过测试，良好工作于IE6 ， IE77 ，firefox，Opera和Safari 。并且你可以免费使用该脚本，用于任何个人或商业项目。这真的是个不错的脚本，你如果真准备创建一个滑动菜单，可以把它列出首先考虑的范围．你可以到Leigeber的博客下载该演示脚本．
没有评论:
发表评论