如何用jq写一个简单的上下滚动新闻轮播

  • Post author:
  • Post category:其他


//该方法需将ul设置为相对定位,top值为0

funciton scroll(){


//获取滚动的距离

var top = 30;

//使用定时器实在一直滚动

setInterval(function(){


$(’.ul’).animate({


‘top’:-top

},1000,function(){


//第一个元素滚动完以后将第一个元素添加到ul最后去




(

.

u

l

>

l

i

:

f

i

r

s

t

c

h

i

l

d

)

.

a

p

p

e

n

d

T

o

(

(‘.ul>li:first-child’).appendTo(‘







(






















.


u


l




>








l


i




:








f


i


r


s


t













c


h


i


l



d






















)


.


a


p


p


e


n


d


T


o



(

























(’.ul’)’);

$(’.ul’).css(‘top’,0);

})

})

}

// 完整代码

<br /> Document<br />

  • 111
  • 222
  • 333
  • 444



版权声明:本文为qq_36203432原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。