# 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 使用起来很方便的，不论上、下、左、右，不论文字、图片，无缝滚动都那么方便。