接上篇，今天講解jQuery Tools中另一工具組件——滾動效果（Scrollable）。滾動效果在網頁設計中也是經常用到的，例如滾動新聞、幻燈片展示、相冊……（發揮想象力吧，用到選項卡的內容切換中是不是會很酷）。

開始前還是要啰嗦幾句，jQueryTools關注的是提供靈活可控的功能，而非展現。雖然官方站點也給我們提供了漂亮的示例，但是那些展現與jQueryTools的核心功能無關。理解了jQueryTools的功能使用，展現效果及其擴展任由發揮。例如今天要講的示例，可能并不好看，也不能直接用到Web設計中，示例僅僅要告訴你的是工具的使用方法，絕非準則。

先看一個最簡單的例子（你可以點擊方塊或按鍵盤左右鍵觸發滾動）：

HTML 代碼：

<!-- 為scrollable區域定義一個根節點 --> 
<div class="scrollable"> 
    <!-- 為所有滾動項定義根節點 --> 
    <div class="items"> 
        <div>0</div>  <div>1</div>  <div>2</div>  <div>3</div>  <div>4</div>  
        <div>5</div>  <div>6</div>  <div>7</div>  <div>8</div>  <div>9</div>  
        <div>10</div> <div>11</div> <div>12</div> <div>13</div> <div>14</div>  
    </div> 
</div>

it知識庫：jQuery Tools——不可錯過的jQuery UI庫（五），轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。