脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → JQuery文字列表向上滚动

JQuery文字列表向上滚动的代码

 更新时间：2013年11月13日 15:15:53   作者：  
JQuery实现的文字列表一条一条向上滚动的效果

jQuery实现代码如下：

复制代码 代码如下:

<script type="text/javascript">
$(function(){
 $("#newly").hover(function(){
  clearInterval(scrtime);
 },function(){
  scrtime=setInterval(function(){
   $ul=$("#newly ul");
   liheight=$ul.find("li:first").height();
   $ul.animate({marginTop:"-10px"},1000,function(){
    $ul.find("li:first").appendTo("#newly ul");
    $ul.find("li:first").hide();
    $ul.css("margin-top","0px");
    $ul.find("li:first").show();
   });
  },4200);
 }).trigger("mouseleave");
});
</script>

您可能感兴趣的文章:

相关文章

最新评论