文字滚动一次一行特效

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

 52623  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>
相关插件-滚动,动画效果

fullpage平滑换页+css3酷炫导航

fullpage平滑换页+css3酷炫导航
  滚动
 37501  492

jquery无缝滚动

真正的无缝滚动
  滚动
 74226  524

新闻向下翻滚更新

新闻向下翻滚更新
  滚动
 34781  431

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 32561  335

讨论这个项目(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

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

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