特效描述:jQuery 带按钮控制 列表文字 上下滚动代码。jQuery带按钮控制列表文字上下滚动代码
代码结构
1. 引入JS
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="js/jq_scroll.js" type="text/javascript"></script>
2. HTML代码
<p align="center"><strong>特效效果如下:</strong></p> <p> </p> <div class="scrollbox"> <div id="scrollDiv"> <ul> <li><h3><a href="#" class="linktit">移动娱乐业务突飞</a></h3> <div>为了探索推进公车改革后,新能源汽车分时租赁项目试点工作,并成立了试点工作小组... </div></li> <li><h3><a href="#" class="linktit">不停转动向上滚动可控制向上向下滚动特效</a></h3> <div>DIV CSS JS自动不断向上一个一个滚动可控制向上向下滚动特效... </div></li> <li><h3><a href="#" class="linktit">全国涂料总产量呈现直线下滑态势</a></h3> <div>我国涂料工业将面临涂料消费税征收全面铺开,环保压力持续增加,2015年的形势不容乐观... </div></li> <li><h3><a href="#" class="linktit">镂空渔网超吸睛</a></h3> <div>镂空罩衫,短短的版型穿起来显高又俏皮,内搭长款连衣裙,非常大方哦... </div></li> <li><h3><a href="#" class="linktit">主题创业街亮相</a></h3> <div>目前已有包括咖啡厅、酒吧、餐厅、瑜伽室在内的8家商铺入驻该火车... </div></li> </ul> </div> <div class="scroltit"><div class="updown" id="but_down">向上</div><div class="updown" id="but_up">向下</div></div> </div>