4月1日，愚人节，来点有技术含量的东东吧~

在上星期找到这个效果之前，我还不知道怎么称呼它，外国人都叫Accordion（手风琴），常见于一些韩国的网站多数是Flash版的，JS版的也有，只不过效果不怎么样。效果好的也要套用框架，jQuery类似插件也有N个能做这种效果的。

上星期不小心找到了一个不用框架兼“小巧玲珑”的Accordion 代码！真的很佩服原创的那位外国的兄台！区区3-4K的代码（压缩了才1K多点），非常流畅，可媲美Flash版的效果。“拿来主义”之余，还做了一些强化：

1、鼠标点击触发的翻页事件，改成了mouserover触发 2、用<dl>标签，简化了HTML代码以及css，用其来更加简便 3、增加自动翻页，可设定隔一定的时间自动触发翻页

OK，直接看效果 地址：http://blog.chenreal.com/demo/accordion/

欢迎交流~

ps. 原版的地址http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions

, 4月1日，愚人节，来点有技术含量的东东吧~

在上星期找到这个效果之前，我还不知道怎么称呼它，外国人都叫Accordion（手风琴），常见于一些韩国的网站多数是Flash版的，JS版的也有，只不过效果不怎么样。效果好的也要套用框架，jQuery类似插件也有N个能做这种效果的。

上星期不小心找到了一个不用框架兼“小巧玲珑”的Accordion 代码！真的很佩服原创的那位外国的兄台！区区3-4K的代码（压缩了才1K多点），非常流畅，可媲美Flash版的效果。“拿来主义”之余，还做了一些强化：

1、鼠标点击触发的翻页事件，改成了mouserover触发 2、用<dl>标签，简化了HTML代码以及css，用其来更加简便 3、增加自动翻页，可设定隔一定的时间自动触发翻页

OK，直接看效果 地址：http://blog.chenreal.com/demo/accordion/

欢迎交流~

ps. 原版的地址http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions