简易单行文字上下滚动js
来源:互联网 发布:将照片从iphone传到mac 编辑:程序博客网 时间:2024/05/18 03:18
就是这种最简单的,上线方向的额,单行公告类,文字无缝滚动
html结构--------------------------------------
<div class="notice-con">
<ul class="notice-txt">
<li><a href="javascript:;" class="notice-new">1北京市海淀法院10月告拍品日预北京市海淀法院10月告拍品日预告告</a></li>
<li><a href="javascript:;">2京东集团领导人我们,京东京东到家啊啊京东集团领导人我们,京东京东到家啊啊</a></li>
<li><a href="javascript:;">3京东集团领导人我们,京东京东到家啊啊京东集团领导人我们,京东京东到家啊啊</a></li>
<li><a href="javascript:;">4京东集团领导人我们,京东京东到家啊啊京东集团领导人我们,京东京东到家啊啊</a></li>
</ul>
</div>
css--------------------------------------------
.notice-con{
height: 13px;
overflow: hidden;
}
js---------------------------------------------
function notice(ul){
var li = ul.find('li').eq(0).html();
ul.append('<li>'+li+'</li>');
var num = 0;
setInterval(function(){
num ++;
if(num == ul.find('li').length){
num = 1;
ul.css({
marginTop:0
});
}
$('.notice-txt').animate({
marginTop:-13 * num
},400);
},2000);
}
notice($('.notice-txt'));
- 简易单行文字上下滚动js
- js 上下文字滚动效果
- js文字上下滚动特效
- 单行上下滚动广告
- js 漂亮的无缝单行滚动文字
- 最精简的平滑的JS新闻单行上下滚动
- 上下文字/图片滚动 无JS
- js实现文字定时上下滚动效果
- js图片文字上下自动滚动
- js文字上下滚动+左右滚动兼容FF/IE
- 文字无缝滚动jQuery上下滚动js效果代码
- Jquery : 上下滚动--单行 批量多行 文字图片翻屏
- 文字上下滚动
- 使文字上下滚动
- 文字上下滚动
- 文字上下滚动特效
- 上下滚动的文字
- 文字上下无缝滚动
- 云数据中心网络虚拟化——大二层技术巡礼之数据平面的演化
- VC.NET 需要注意的一些问题
- 博客首发
- 通过批处理来启动java jar程序
- JDBC 通过PreparedStatement 对数据库进行增删改查
- 简易单行文字上下滚动js
- 淘宝内部分享:怎么跳出MySQL的10个大坑
- JDK的配置环境
- <hibernate-mapping>常用配置
- Activity的四种启动模式-SingleTask和SingleInstance
- android graphic(12)—display上层相关概念、关系
- 五大常用算法之四--回溯法
- 【poi excel导出】不同浏览器的编码方式,解决下载文件名称乱码
- iOS svn配置