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 相关文章推荐
如何实现JS函数的重载
Sep 22 Javascript
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
使用 Node.js 做 Function Test实现方法
Oct 25 Javascript
js使用setTimeout实现定时炸弹的方法
Apr 10 Javascript
jquery实现左右无缝轮播图
Jul 31 Javascript
详解Vuejs2.0之异步跨域请求
Apr 20 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
js简易版购物车功能
Jun 17 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
Vue 自定义指令功能完整实例
Sep 17 Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 Javascript
使用vue构建多页面应用的示例
Oct 22 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函数的常用方法及注意之处小结
2011/07/10 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
2010/04/12 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
vue-router跳转页面的方法
2017/02/09 Javascript
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
模块化react-router配置方法详解
2019/06/03 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
[03:55]显微镜下的DOTA2特别篇——430灰烬之灵神级操作
2014/06/24 DOTA
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
flask框架中的cookie和session使用
2021/01/31 Python
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
Java中实现多态的机制
2015/08/09 面试题
教育专业个人求职信
2013/12/02 职场文书
迟到检讨书5000字
2014/01/31 职场文书
软件项目开发计划书
2014/05/01 职场文书
学习心得体会
2019/06/20 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
Python中re模块的元字符使用小结
2022/04/07 Python