滑らかにアニメーション動作するアコーディオンメニュー - slidemenu.js

滑らかにアニメーション動作するアコーディオンメニュー「slidemenu.js」の紹介です。

ダウンロードサイト　→　slidemenu.js

HTML ▼
        <head>
          <ul id="sm" class="sm">
            <li><a href="#"><img src="menu1.jpg" alt="" width="300" height="200" /></a></li>
            <li><a href="#"><img src="menu2.jpg" alt="" width="300" height="200" /></a></li>
            <li><a href="#"><img src="menu3.jpg" alt="" width="300" height="200" /></a></li>
            <li><a href="#"><img src="menu4.jpg" alt="" width="300" height="200" /></a></li>
            <li><a href="#"><img src="menu5.jpg" alt="" width="300" height="200" /></a></li>
          </ul>
CSS ▼
          .sm {
            list-style:none;
            width:500px;
            height:200px;
            display:block;
            overflow:hidden;
            margin: auto;
          }
          .sm li {
            float:left;
            display:inline;
            overflow:hidden;
          }
javascript ▼
          window.onload = function () {  
          slideMenu.build('sm',300,10,10,1);	
          }