实现滚动文字广告
来源:互联网 发布:linux vim装不上 编辑:程序博客网 时间:2024/06/01 07:26
实现滚动文字广告
$(function() {
//获得包含ul的div
var $this = $("#dome1");
var scrollTimer;//事件 鼠标移入停止滚动,移出重置事件,间隔2000毫秒
$this.hover(
function() {clearInterval(scrollTimer);},function() {scrollTimer = setInterval(
function() {scrollNews($this);},2000);
}).trigger("mouseleave");
//滚动函数,传入div 寻找ul 获得行高,每次上移行高高度,添加行首到末尾
function scrollNews(obj) {
var $self = obj.find("ul");
var lineHeight = $self.find("li:first").height();
$self.animate({"marginTop": -lineHeight+"px"}, 500, function() {
$self.css("marginTop","0").find("li:first").appendTo($self);
})
}
});
阅读全文
0 0
- 实现滚动文字广告
- Android TextView竖直滚动文字广告效果
- android TextView向上滚动(模仿滚动文字广告效果)
- 纯Javascript炫酷时钟、滚动文字广告--网站实用实例
- 类似淘宝、京东的热点推荐垂直滚动文字广告条
- iOS --文字广告轮播
- 循环滚动实现(向上滚动)
- js实现滚动效果
- javascript实现连续滚动
- javascript实现连续滚动
- javascript实现滚动图片
- javascript 实现图片滚动
- 图片滚动js实现
- 实现 JScrollPane 自动滚动
- js 实现滚动显示
- JavaScript实现连续滚动
- JavaScript实现连续滚动
- javascript实现无缝滚动
- springboot链接数据库
- Java开发的mapreduce如何在hadoop中运行
- python实现移除列表指定位置的元素
- unity shader的组织形式
- 简单学习方向参考
- 实现滚动文字广告
- 【RL笔记】基于tensorflow实现RL的policy based算法
- Android BuildConfig类
- 项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次
- java多线程知识点
- QT5知识点记录梳理(三)动作
- bootstrap系列之十二输入框
- metasploit msf Failed to connect to the database解决方法
- Struts2拦截器的应用