admin 管理员组

文章数量: 887021

php实现跑马灯闪亮,JavaScript

基于jquery实现的文字向上跑动类似跑马灯的效果

想实现一个类似跑马灯的效果,发现跑马灯有空格.效果也不美观,于是用jquery写了个

页面代码

  • 恭喜187****5204获得1000RBM

  • 恭喜137****1372获得1000RBM

  • 恭喜156****0276获得1000RBM

  • 恭喜139****9856获得1000RBM

  • 恭喜136****0580获得1000RBM

  • 恭喜136****0580获得1000RBM

  • 恭喜138****8118获得1000RBM

  • 恭喜136****5555获得1000RBM

  • 恭喜136****0580获得1000RBM

  • 恭喜136****0580获得1000RBM

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实现文本框只能输入数字(小数、整数)

JavaScript让Textarea支持tab按键的方法

jQuery操作iframe中js函数的方法小结

C# PLINQ 内存列表查询优化历程

手机端点击图片放大特效PhotoSwipe.js插件实现

禁止Win8开始屏幕磁盘被改动的方法

HTML5 离线应用之打造零请求、无流量网站的解决方法

JQuery入门基础小实例(1)

分享7个你可能不认识的CSS单位

win10 Mobile Edge浏览器开启实验功能 速度更快

CSS的执行顺序和优先级问题示例探讨

smarty模板引擎之内建函数用法

Win10 10130预览版已知BUG解决方案及使用小窍门

本文标签： php实现跑马灯闪亮 javascript

版权声明：本文标题：php实现跑马灯闪亮,JavaScript 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1688388080h213941.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。