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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
jquery 3D球状导航的文章分类
Jul 06 Javascript
jQuery实现页面滚动时动态加载内容的方法
Mar 20 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
jQuery解析json数据实例分析
Nov 24 Javascript
JS设置CSS样式的方式汇总
Jan 21 Javascript
js输入框使用正则表达式校验输入内容的实例
Feb 12 Javascript
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
JavaScript编程设计模式之构造器模式实例分析
Oct 25 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
Vue退出登录时清空缓存的实现
Nov 12 Javascript
JavaScript实现表单验证功能
Dec 09 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新手上路(五)
2006/10/09 PHP
php读取mysql中文数据出现乱码的解决方法
2013/08/16 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
php实现smarty模板无限极分类的方法
2015/12/07 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
JS实现的网页倒计时数字时钟效果
2015/03/02 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
2015/09/04 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
微信小程序自定义tab实现多层tab嵌套功能
2018/06/15 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
原生js封装的ajax方法示例
2018/08/02 Javascript
Angular CLI 使用教程指南参考小结
2019/04/10 Javascript
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
[01:15:16]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第一场 1月26日
2021/03/11 DOTA
实例讲解python函数式编程
2014/06/09 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
使用Python进行目录的对比方法
2018/11/01 Python
对Python w和w+权限的区别详解
2019/01/23 Python
Python使用reportlab模块生成PDF格式的文档
2019/03/11 Python
python从内存地址上加载python对象过程详解
2020/01/08 Python
详解Python实现进度条的4种方式
2020/01/15 Python
获取python运行输出的数据并解析存为dataFrame实例
2020/07/07 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
三字经教学反思
2014/04/26 职场文书
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers