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 相关文章推荐
Using the TextRange Object
Oct 14 Javascript
让textarea自动调整大小的js代码
Apr 12 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
原生JavaScript实现随机点名表
Jan 14 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 身份验证方面的函数
2009/10/11 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
2013/05/15 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
asm.js使用示例代码
2013/11/28 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
jquery实现图片跟随鼠标的实例
2017/10/17 jQuery
JS和JQuery实现雪花飘落效果
2017/11/30 jQuery
layui的table中显示图片方法
2018/08/17 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
Python isinstance判断对象类型
2008/09/06 Python
在Linux上安装Python的Flask框架和创建第一个app实例的教程
2015/03/30 Python
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python matplotlib画图实例之绘制拥有彩条的图表
2017/12/28 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
Django 导出项目依赖库到 requirements.txt过程解析
2019/08/23 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
python反转列表的三种方式解析
2019/11/08 Python
使用Matplotlib 绘制精美的数学图形例子
2019/12/13 Python
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
企业消防安全责任书
2014/07/23 职场文书
同志主要表现材料
2014/08/21 职场文书
挂职个人工作总结
2015/03/05 职场文书
亮剑观后感600字
2015/06/05 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书
导游词之杭州西湖
2019/09/19 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Python 全局空间和局部空间
2022/04/06 Python