js新闻滚动 js如何实现新闻滚动效果


Posted in Javascript onJanuary 07, 2013

具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>code.js.cn </title> 
<style> 
a 
{ 
display: block; 
font-size: 15px; 
line-height: 18px; 
text-decoration: none; 
color: #333; 
font-family: Arial; 
font-size: 12px; 
} 
.shell 
{ 
background:no-repeat 4px 5px; 
border: 1px solid #aaa; 
width: 400px; 
padding: 3px 2px 2px 20px; 
} 
#div1 
{ 
height: 36px; 
overflow: hidden; 
} 
</style> 
</head> 
<body> 
<div class="shell"> 
<div id="div1"> 
<a>这是</a> 
<a>我的</a> 
<a>第一篇</a> 
<a>博客</a> 
</div> 
</div> 
</body> 
<script> 
var c, _ = Function; 
with (o = document.getElementById("div1")) { innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0"); } 
(F = _("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g, "o.scrollTop")))(); 
</script> 
</html>

滚动频率由setTimeout(F,#%18?10:3000)这个3000来控制。
Javascript 相关文章推荐
JavaScript 异步调用框架 (Part 5 - 链式实现)
Aug 04 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
Jan 23 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
微信小程序 基础组件与导航组件详细介绍
Feb 21 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 #Javascript
onclick与listeners的执行先后问题详细解剖
Jan 07 #Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
Jan 07 #Javascript
jquery乱码与contentType属性设置问题解决方案
Jan 07 #Javascript
jQuery插件开发基础简单介绍
Jan 07 #Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 #Javascript
jquery入门—编写一个导航条(可伸缩)
Jan 07 #Javascript
You might like
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
Zend Framework缓存Cache用法简单实例
2016/03/19 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
Bootstrap表单布局
2016/07/19 Javascript
Bootstrap 填充Json数据的实例代码
2017/01/11 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
JavaScript多态与封装实例分析
2018/07/27 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
vue实现路由监听和参数监听
2019/10/29 Javascript
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
解决django后台样式丢失,css资源加载失败的问题
2019/06/11 Python
解决pyinstaller打包发布后的exe文件打开控制台闪退的问题
2019/06/21 Python
css3学习系列之移动属性详解
2017/07/04 HTML / CSS
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
CSMA/CD介质访问控制协议
2015/11/17 面试题
商务英语专业求职信范文
2014/01/28 职场文书
买卖合同协议书范本
2014/10/18 职场文书
2014年学生会生活部工作总结
2014/11/07 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
大足石刻导游词
2015/02/02 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL