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 相关文章推荐
seajs中模块的解析规则详解和模块使用总结
Mar 12 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
Feb 26 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
深入理解jQuery事件绑定
Jun 02 Javascript
D3.js实现散点图和气泡图的方法详解
Sep 21 Javascript
node.js中debug模块的简单介绍与使用
Apr 25 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
Jul 10 Javascript
微信小程序分页加载的实例代码
Jul 11 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
百度小程序自定义通用toast组件
Jul 17 Javascript
js实现弹幕飞机效果
Aug 27 Javascript
react的hooks的用法详解
Oct 12 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校验ISBN码的函数代码
2011/01/17 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
PHP实现数组array转换成xml的方法
2016/07/19 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
Prototype源码浅析 Number部分
2012/01/16 Javascript
js控制frameSet示例
2013/09/10 Javascript
jQuery基础知识小结
2014/12/22 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3
2018/06/04 DOTA
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
Python中文件遍历的两种方法
2014/06/16 Python
python实现发送邮件功能代码
2017/12/14 Python
Python实现对文件进行单词划分并去重排序操作示例
2018/07/10 Python
python中的decorator的作用详解
2018/07/26 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
Python 一句话生成字母表的方法
2019/01/02 Python
用canvas显示验证码的实现
2020/04/10 HTML / CSS
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
全球精选男装和家居用品:Article
2020/04/13 全球购物
应用心理学个人求职信范文
2013/12/11 职场文书
超市创业计划书
2014/04/24 职场文书
高一学生评语大全
2014/04/25 职场文书
部门经理迟到检讨书
2015/02/16 职场文书
2015小学师德工作总结
2015/07/21 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android