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 相关文章推荐
类之Prototype.js学习
Jun 13 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
Jan 03 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
AngularJS Module方法详解
Dec 08 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
浅析Vue.js 中的条件渲染指令
Nov 19 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
Feb 11 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实现的堆排序算法详解
2017/08/17 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
jQuery :nth-child前有无空格的区别分析
2011/07/11 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
javascript数组操作(创建、元素删除、数组的拷贝)
2014/04/07 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
JavaScript中的分号插入机制详细介绍
2015/02/11 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
深入理解jQuery事件绑定
2016/06/02 Javascript
浅谈AngularJS中ng-class的使用方法
2016/11/11 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
ES6新特性三: Generator(生成器)函数详解
2017/04/21 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
python实现xlsx文件分析详解
2018/01/02 Python
Python爬虫框架Scrapy常用命令总结
2018/07/26 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
python将控制台输出保存至文件的方法
2019/01/07 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
mysql有关权限的表都有哪几个
2015/04/22 面试题
大学生社会实践活动总结
2014/07/03 职场文书
实习证明格式范文
2014/10/14 职场文书
先进学校事迹材料
2014/12/30 职场文书
伏羲庙导游词
2015/02/09 职场文书
致接力运动员加油稿
2015/07/21 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用
2021/06/30 SQL Server