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 相关文章推荐
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 Javascript
简单学习vue指令directive
Nov 03 Javascript
Jqprint实现页面打印
Jan 06 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
vue中子组件的methods中获取到props中的值方法
Aug 27 Javascript
详解javascript void(0)
Jul 13 Javascript
vuecli项目构建SSR服务端渲染的实现
Oct 30 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提取字符串中网站url地址的方法
2014/12/03 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
基于Angularjs-router动态改变Title值的问题
2018/08/30 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
微信小程序第三方框架对比 之 wepy / mpvue / taro
2019/04/10 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
2020/01/21 Javascript
决策树的python实现方法
2014/11/18 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
python定义具名元组实例操作
2021/02/28 Python
植村秀美国官网:Shu Uemura美国
2019/03/19 全球购物
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
化工专业个人的求职信范文
2013/11/28 职场文书
党员创先争优承诺书
2014/03/26 职场文书
《北京的春节》教学反思
2014/04/07 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
经济类毕业生求职信
2014/06/26 职场文书
商业用房租赁协议书
2014/10/13 职场文书
幼儿园家长反馈意见
2015/06/03 职场文书
欠条样本
2015/07/03 职场文书
创业计划书之游泳馆
2019/09/16 职场文书