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加ASP二级域名转向的代码
May 17 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
vue.js利用defineProperty实现数据的双向绑定
Apr 28 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
详解vue+css3做交互特效的方法
Nov 20 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 Javascript
解决 window.onload 被覆盖的问题方法
Jan 14 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
Oct 29 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常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
JS实现上下左右对称的九九乘法表
2016/02/22 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
2020/01/16 jQuery
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
在Django中创建第一个静态视图
2015/07/15 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
python实现感知器算法(批处理)
2019/01/18 Python
django Admin文档生成器使用详解
2019/07/22 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
自我鉴定注意事项
2014/01/19 职场文书
酒店端午节促销方案
2014/02/18 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
运动会通讯稿200字
2015/07/20 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书