文字文本

非常好的单行滚动(顶部滚动秀)

 2017-04-02
◎ 简介:非常好的单行滚动(顶部滚动秀)

<style>
#scrollDiv{ padding:0 10px;height:30px;font-family:"微软雅黑"; border: #CBC25C 1px  dotted; overflow:hidden;}
#scrollDiv ul{ padding:0; margin:0;}
#scrollDiv ul li{ list-style:none;padding-left:10px;line-height:30px;background: url(http://www.hjy01.com/skin/meishi/images/dot.jpg) 0 center no-repeat;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#scrollDiv ul li a{ color: #009966; text-decoration:none;}
</style>
<script type=text/javascript src="jquery.js"></script><!-- 顶部滚动秀 -->
<script type="text/javascript">
function AutoScroll(obj){
        $(obj).find("ul:first").animate({
                marginTop:"-30px"
        },500,function(){
                $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
        });
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',1500)
});
</script>
<div id="scrollDiv">
  <ul>
 <li><a href="#" target="_blank">国家级级双月刊《中国建材》杂志简介及征稿</a></li>
 <li><a href="#" target="_blank">省级双月刊《江西建材》杂志简介及征稿启事</a></li>
 <li><a href="#" target="_blank">旅游管理特色专业本科不同层次实践教学的探</a></li>
 <li><a href="#" target="_blank">省级双月刊《江西建材》杂志简介及征稿启事</a></li>
 <li><a href="#" target="_blank">省级双月刊《江西建材》杂志简介及征稿启事</a></li>
 <li><a href="#" target="_blank">省级双月刊《江西建材》杂志简介及征稿启事</a></li>
 <li><a href="#" target="_blank">省级双月刊《江西建材》杂志简介及征稿启事</a></li>
  </ul>
</div><!-- 滚动秀结束 -->

×

请扫描二维码访问手机站!