【www.gdgbn.com--jquery】





jquery 上下滚动效果
<script type="text/网页特效" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$ (document).ready(function (){
      var roll=$("#rolllist li");
      var num=roll.length;
      var i=0;
      setinterval(function(){
       roll.eq(i).fadeout("slow");
       roll.eq(i+1).fadein("slow");
       i++;
      if(i>=num)
      {
       i=0;
       roll.eq(i).fadein("slow");
      }
      },1000);
      });
</script>




    1sdawda
    2asdawaghsa好iadiau啊大时代阿斯顿啊啊沙发
    3啊收到皮是公司两个啊力进书法家
    4啊沙发空间是个发觉法律思考
    5asdawda
    6asdawaghsa好iadiau啊大时代阿斯顿啊啊沙发
    7啊收到皮是公司两个啊力进书法家
    8啊沙发空间是个发觉法律思考
    9asdawda
    10asdawaghsa好iadiau啊大时代阿斯顿啊啊沙发
    11啊收到皮是公司两个啊力进书法家
    12啊沙发空间是个发觉法律思考


滚动代码二

script type="text/javascript">
function autoscroll(obj) {
$(obj).find("ul:first").animate({
margintop: "-190px"
}, 500, function() {
$(this).css教程({ margintop: "0px" }).find("li:first").appendto(this);
}); <script language="javascript" src="http://111cn.net/ads728x15.js" type="text/javascript"></script>
}
$(document).ready(function() {
setinterval("autoscroll("#scrolldiv")", 3000)
});
</script>



第一行                                   
第二行

本文来源:http://www.gdgbn.com/wangyezhizuo/27361/