HTML代码CSS代码JS代码

<div class="text" id="text">
<ul class="sliderbox">
<li><a href="">测试文字滚动Lorem ipsum dolor sit1.</a></li>
<li><a href="">测试文字滚动Lorem ipsum dolor sit2.</a></li>
<li><a href="">测试文字滚动Lorem ipsum dolor sit3.</a></li>
<li><a href="">测试文字滚动Lorem ipsum dolor sit4.</a></li>
<li><a href="">测试文字滚动Lorem ipsum dolor sit5.</a></li>
</ul>
</div>

.sliderbox{position:relative;}/*必须加这句css,否则向左右，上下滚动时会没有效果*/
.text{height:30px; width:200px; overflow: hidden; position: relative; margin:20px auto;}
.text li{line-height:30px; height: 30px; width: 200px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

$("#text").powerSlider();//请对照相应的对象写相应的动作。