接上篇，今天讲解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库（五），转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。