ezj.ext.scroll

CSS 代码

    #scroll1{width:450px;background-color:#eee;}
    #scroll2{margin:10px 0px 0px 0px;padding:0px;border:none;width:400px;height:76px;overflow:hidden;}
    #scroll2 ul{margin:0px;padding:0px;width:400px;}
    #scroll2 ul li{display:inline;float:left;margin:0px;padding:0px;width:100px;height:76px;list-style-type:none;}
    #scroll2 ul li img{margin:0px;padding:0px;width:100px;height:76px;border-width:0px;vertical-align:middle;}

HTML 代码

    <div id="scroll1">ezj.ext.scroll 使用起来很方便的，不论上、下、左、右，不论文字、图片，无缝滚动都那么方便。</div>
    <div id="scroll2">
      <ul>
        <li><img src="images/1.jpg" alt="演示图片" /></li>
        <li><img src="images/2.jpg" alt="演示图片" /></li>
        <li><img src="images/3.jpg" alt="演示图片" /></li>
        <li><img src="images/4.jpg" alt="演示图片" /></li>
        <li><img src="images/5.jpg" alt="演示图片" /></li>
        <li><img src="images/6.jpg" alt="演示图片" /></li>
        <li><img src="images/7.jpg" alt="演示图片" /></li>
        <li><img src="images/8.jpg" alt="演示图片" /></li>
        <li><img src="images/9.jpg" alt="演示图片" /></li>
        <li><img src="images/10.jpg" alt="演示图片" /></li>
        <li><img src="images/11.jpg" alt="演示图片" /></li>
        <li><img src="images/12.jpg" alt="演示图片" /></li>
      </ul>
    </div>

JavaScript 代码（ezj 代码）

    ezj.ext.scroll("scroll1", "left");
    ezj.ext.scroll("scroll2", "up", 2000, "fast", 5);

演示

ezj.ext.scroll 使用起来很方便的，不论上、下、左、右，不论文字、图片，无缝滚动都那么方便。