文字滚动一次一行特效

所属分类:UI,其他-滚动,动画效果

 54213  556  查看评论 (47)
分享到微信朋友圈
X
文字滚动一次一行特效 ie兼容6

核心代码:

<script type="text/javascript">
	function autoScroll(obj) {

		$(obj).find("ul").animate({

			marginTop: "-39px"

		},
		500,
		function() {

			$(this).css({
				marginTop: "0px"
			}).find("li:first").appendTo(this);

		})

	}

	$(function() {

		setInterval('autoScroll(".maquee")', 3000);

		setInterval('autoScroll(".apple")', 2000);

	})
</script>
相关插件-滚动,动画效果

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 28545  328

jQuery元素滚动监听插件xRoll.js

xRoll.js 元素滚动监听插件 元素出现在窗口的时候在执行自定义的函数
  滚动
 24543  324

JQuery滚动条插件jscroll.js

JQuery滚动条插件jscroll.js,支持火狐谷歌IE等主流浏览器,超轻量兼容好
  滚动
 42425  322

jQuery双锚点自动定位

jQuery滚动自自动锚点定位
  滚动
 36545  421

讨论这个项目(47)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2019/4/17 16:55:15
    挺好,简单易懂.谢谢! 回复
    小何 0
    2019/1/18 16:04:03
    谢谢老大,效果不错 回复
    hoshea 0
    2018/12/10 15:25:39
    初夏伤城 0
    2018/11/13 13:57:23
    沉心 0
    2018/8/9 16:06:02
    哇,非常感谢楼主 回复
    ForEversUgar 0
    2018/5/15 8:58:43
    厉害了大神,期待更多的免币作品 回复
    许长老.?? 0
    2018/5/5 14:57:44
    我想问,不清楚定时器么 回复
    下辈子当鱼 0
    2018/4/5 13:18:33
    哇,非常感谢楼主。。。原来代码这么简单。。。我还写了N多。。果然看大神的代码。可以学习好多东西。 回复
    XYz 0
    2018/1/29 10:23:33

    <marquee> 元素已经 过时,请不要再使用。尽管一些浏览器仍然支持它,但它不是必须的。此外,使用这个元素基本上是你可以对你的用户做最糟糕的事情之一,所以请不要这样做。

    详细信息请看:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/marquee

    回复
    默雨萧萧 0
    2017/12/6 9:43:46

    感想楼主,找了整个百度,终于找到了,楼主写的真详细~~

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复