【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>
第一行
第二行