GOVO’s Blog

我找到一个非常不错的水平滑动菜单的javascript特效：Horizontal JavaScript Accordion 1kb。我曾经把它应用到好些制作的页面上，但我的需求越来越多，所以情况也比Michael的样例复杂多了，而且，我需要更多的可选选项，就像这样的：

l found Horizontal JavaScript Accordion 1kb and it is very great! I have ever planted it in some pages. But my App is more complicated then the Michael’s demo. And it need to be more optional.
link this:

通过改变物件的宽度去实现像风琴一样的水平滑动是最常用的方法。不过我的是通过改变物件的left位置，并且提供了更多的可选选项，但脚本文件会大一点，达到了8.46kb。还有，我用面向对象的方式编写的，所以可以不用iframe，就可以实现一个页面中有多个风琴滑动效果菜单了。这就有一个简单的样例：

Making horizontal sliding with changing the width of each panel is the most normal way. But my one is by changing the left style of each panel, and it is more optional, but the file is a bit larger: 8.46kb. And it is programmed in OO way, we can have more instances in a page without iframe.Here is a simple demo:

The codes are:

<ul id="hslidemenu" >
<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>

And the javascript:

HSlideMenu("hslidemenu").build();

下载：
Download:
hslidemenu.js
hslidemenu-plug.js
点击这里看完整的简介！
Click here to see the full introduce page!

Popularity: 48% [?]