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写的一个自定义弹出式对话框代码
Jan 17 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 Javascript
原生js实现跨浏览器获取鼠标按键的值
Apr 08 Javascript
用jquery修复在iframe下的页面锚点失效问题
Aug 22 Javascript
JavaScript文本框脚本编写的注意事项
Jan 25 Javascript
微信小程序之多文件下载的简单封装示例
Jan 29 Javascript
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
Node.js npm命令运行node.js脚本的方法
Oct 10 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
js实现点击按钮随机生成背景颜色
Sep 05 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
Laravel 5框架学习之表单
2015/04/08 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
JS 无限级 Select效果实现代码(json格式)
2011/08/30 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
js document.write()使用介绍
2014/02/21 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
详解javascript函数的参数
2015/11/10 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
js实现数字从零慢慢增加到指定数字示例
2019/11/07 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
python数据结构之链表详解
2017/09/12 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
python调用接口的4种方式代码实例
2019/11/19 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
医学专业毕业生求职信
2014/06/20 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
社会工作专业求职信
2014/07/15 职场文书
四风自我剖析材料思想汇报
2014/10/01 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
贫困证明怎么写
2015/06/16 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
python保存图片的四个常用方法
2022/02/28 Python