1. 首页
  2. 编程语言
  3. Javascript
  4. 基于JQuery实现的跑马灯效果(文字无缝向上翻动)

基于JQuery实现的跑马灯效果(文字无缝向上翻动)

上传者: 2022-02-03 17:20:06上传 PDF文件 51.70 KB 热度 3次

  滑动动画,就是改变元素的位置,要改变元素的位置有两种方法,一种改变left,top属性,还有一种,就是现在这里用到的,改变margin的值。  上例中动画过程:    1.设置要改变margin-top的值;    2.用animate方法改变第一个LI的margin-top的值为-30;    3.在动画完成之后,回调函数内,把当前的第一个LI的margin-top改变为"0"    4.把当前这第一个LI移动到所有LI的最后一个。

下载地址
用户评论