文字滚动一次一行特效

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

 44898  479  查看评论 (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>
相关插件-滚动,动画效果
  滚动
 29681  300

jquery逐条文字向上滚动

jquery逐条文字向上滚动效果
  滚动
 41588  354

仿百度知道(滚动固定标题)插件

仿百度知道滚动固定标题,点击标题滚动到内容块
  滚动
 18132  295

jQuery全屏视差滚动效果

jQuery全屏视差滚动效果
  滚动
 35856  364

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

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

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