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 相关文章推荐
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Aug 19 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
Nov 29 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
小程序实现自定义导航栏适配完美版
Apr 02 Javascript
详解一次Vue低版本安卓白屏问题的解决过程
May 30 Javascript
three.js欧拉角和四元数的使用方法
Jul 26 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 Javascript
JavaScript严格模式不支持八进制的问题讲解
Nov 07 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游戏编程25个脚本代码
2011/02/08 PHP
PHP中strtotime函数使用方法分享
2012/01/10 PHP
PHP 面向对象程序设计(oop)学习笔记 (二) - 静态变量的属性和方法及延迟绑定
2014/06/12 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
IE 条件注释详解总结(附实例代码)
2009/08/29 Javascript
js Function类型
2011/12/04 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
使用JavaScript和CSS实现文本隔行换色的方法
2015/11/04 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
2018/02/21 Javascript
移动端如何用下拉刷新的方式实现上拉加载
2018/12/10 Javascript
JS造成内存泄漏的几种情况实例分析
2020/03/02 Javascript
python生成随机mac地址的方法
2015/03/16 Python
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
将python图片转为二进制文本的实例
2019/01/24 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
python中的列表和元组区别分析
2020/12/30 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
Oracle中delete,truncate和drop的区别
2016/05/05 面试题
自考生自我鉴定范文
2013/10/01 职场文书
配件采购员岗位职责
2013/12/03 职场文书
新学期开学标语2015
2015/07/16 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书
二手手机买卖合同范本(2019年版)
2019/10/28 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
微信小程序实现录音Record功能
2021/05/09 Javascript
通过Python把学姐照片做成拼图游戏
2022/02/15 Python