基于jquery实现的文字向上跑动类似跑马灯的效果
页面代码
<div> <ul style="margin-top: 0px;"> <li> 恭喜187****5204获得1000RBM </li> <li> 恭喜137****1372获得1000RBM </li> <li> 恭喜156****0276获得1000RBM </li> <li> 恭喜139****9856获得1000RBM </li> <li> 恭喜136****0580获得1000RBM </li> <li> 恭喜136****0580获得1000RBM </li> <li> 恭喜138****8118获得1000RBM </li> <li> 恭喜136****5555获得1000RBM </li> <li> 恭喜136****0580获得1000RBM </li> <li> 恭喜136****0580获得1000RBM </li> </ul> </div>
js代码
/*自动轮换xuyw*/
var AutoScroll = function(a) {
$(a).find("ul:first").animate( {
marginTop : "-20px"
}, 500, function() {
$(this).css( {
marginTop : "0px"
}).find("li:first").appendTo(this)
})
}
if ($(".recordList ul li").length > 0) {
setInterval('AutoScroll(".recordList")', 2000)
} else {
$(".recordList").hide()
}
-
本文向大家介绍基于jquery的文字向上跑动类似跑马灯的效果，包括了基于jquery的文字向上跑动类似跑马灯的效果的使用技巧和注意事项，需要的朋友参考一下 想实现一个类似跑马灯的效果,发现跑马灯有空格.效果也不美观,于是用jquery写了个 页面代码 js代码
-
本文向大家介绍javascript实现文字跑马灯效果，包括了javascript实现文字跑马灯效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了js实现文字跑马灯效果的具体代码，供大家参考，具体内容如下 思路： 1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。 2.获取滚动条到元素左边的距离,递归滚动,直到滚动后的距离等于文字的长度退出递归。 判断
-
本文向大家介绍jQuery+CSS3文字跑马灯特效的简单实现，包括了jQuery+CSS3文字跑马灯特效的简单实现的使用技巧和注意事项，需要的朋友参考一下 jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果，文字在上面移动时，就像是文字投影到墙壁上，在转角出会改变运动方向。 效果图如下： 完整HTML代码如下： 以上就是小编为大家带来的jQuery+CSS3文字跑马灯特效的
-
本文向大家介绍jQuery实现参数自定义的文字跑马灯效果，包括了jQuery实现参数自定义的文字跑马灯效果的使用技巧和注意事项，需要的朋友参考一下 本文为大家分享了jQuery实现文字跑马灯效果的具体代码，供大家参考，具体内容如下 一、明确需求 基本需求：最近在工作中接到一个新需求，简单来说就是实现一行文字从右到左跑马灯的效果，并且以固定的时间间隔进行循环。 原本这是一个很容易实现的需求，但是难点
-
本文向大家介绍Silverlight实现跑马灯动画，包括了Silverlight实现跑马灯动画的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Silverlight实现跑马灯效果的具体代码，供大家参考，具体内容如下 主要功能有以下几点： 1、使用动画属性驱动图片运动动画 2、图片循环到最后一张后会自动循环 3、当鼠标放到图片时运动的图片会停止，当鼠标离开时暂停的图片会继续运动 4、当
-
本文向大家介绍WPF实现简单的跑马灯效果，包括了WPF实现简单的跑马灯效果的使用技巧和注意事项，需要的朋友参考一下 最近项目上要用到跑马灯的效果，和网上不太相同的是，网上大部分都是连续的，而我们要求的是不连续的。 也就是是，界面上就展示4项（展示项数可变），如果有7项要展示的话，则不断的在4个空格里左跳，当然，衔接上效果不是很好看。 然后，需要支持点击以后进行移除掉不再显示的内容。 效果如下： 思