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 相关文章推荐
浅析hasOwnProperty方法的应用
Nov 20 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
学习使用bootstrap基本控件(table、form、button)
Apr 12 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
jQuery插件之validation插件
Mar 29 jQuery
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
Apr 24 Javascript
Vue单文件组件的如何使用方式介绍
Jul 28 Javascript
在angular 6中使用 less 的实例代码
May 13 Javascript
vue-router源码之history类的浅析
May 21 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
js实现表格单列按字母排序
Aug 12 Javascript
openlayers4实现点动态扩散
Aug 17 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开发模式(简写版)
2007/03/15 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
php图片缩放实现方法
2014/02/20 PHP
php生成RSS订阅的方法
2015/02/13 PHP
Zend Framework教程之动作的基类Zend_Controller_Action详解
2016/03/07 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
js中巧用cssText属性批量操作样式
2011/03/13 Javascript
JS模板实现方法
2013/04/03 Javascript
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
js数组的操作指南
2014/12/28 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
详解JS中的立即执行函数
2017/02/24 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
js实现canvas图片与img图片的相互转换的示例
2017/08/31 Javascript
nginx部署访问vue-cli搭建的项目的方法
2018/02/12 Javascript
Es6 Generator函数详细解析
2018/02/24 Javascript
使用react实现手机号的数据同步显示功能的示例代码
2018/04/03 Javascript
python字典get()方法用法分析
2015/04/17 Python
基于Django统计博客文章阅读量
2019/10/29 Python
python 读写文件包含多种编码格式的解决方式
2019/12/20 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
python中实现词云图的示例
2020/12/19 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
小学运动会表扬稿
2014/01/19 职场文书
珍惜资源保护环境的建议书
2014/05/14 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
Django一小时写出账号密码管理系统
2021/04/29 Python