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 相关文章推荐
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 Javascript
使用javaScript动态加载Js文件和Css文件
Oct 24 Javascript
js运动应用实例解析
Dec 28 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
nginx配置React静态页面的方法教程
Nov 03 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
Vue实现简单的留言板
Oct 23 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中基于ts与nts版本- vc6和vc9编译版本的区别详解
2013/04/26 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
ThinkPHP实现ajax仿官网搜索功能实例
2014/12/02 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
关于js遍历表格的实例
2013/07/10 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
2013/10/23 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
jquery+json实现数据二级联动的方法
2015/11/28 Javascript
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
2016/04/18 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
jQuery解决$符号命名冲突
2016/06/18 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
Python3.x对JSON的一些操作示例
2017/09/01 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
python中wheel的用法整理
2020/06/15 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
CSS3 中的@keyframes介绍
2014/09/02 HTML / CSS
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
如何做好总经理助理
2013/11/12 职场文书
学生自我鉴定
2013/12/18 职场文书
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
golang json数组拼接的实例
2021/04/28 Golang