javascript 新闻滚动效果

提示:您可以先修改部分代码再运行

javascript 新闻滚动效果
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.111cn.net/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html>
<head>
<title>javascript 新闻滚动效果</title>
<style>
a{display:block;font-size:15px;line-height:18px;text-decoration:none;color:#333;font-family:arial;font-size:12px;}
.shell{
 background:url(http://bbs./images/common/xml.gif) no-repeat 4px 5px;
 border:1px solid #aaa;
 width:400px;
 padding:3px 2px 2px 20px;
}
#div1{
 height:18px;
 overflow:hidden;
}
</style>
</head>
<body>
<div class="shell">
 <div id="div1">
   <a href="javascript:">请教高手帮我看下这段代码 flash显示不了</a>
   <a href="javascript:">请教在utf-8编辑下的符号显示问题 </a>
   <a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
   <a href="javascript:">技术研究-qq09版按钮渐显渐隐的由来 </a>
   <a href="javascript:">javascript读取json数据并分页显示,支持键盘和滚轮翻页 </a>
   <a href="javascript:">腾讯网奇怪的png文件,拜师以求解惑</a>
   <a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件 2009-7-18 </a>
 </div>
<div>
</body>
<script>
var box=document.getelementbyid("div1"),can=true;
box.innerhtml+=box.innerhtml;
box.onmouseover=function(){can=false};
box.onmouseout=function(){can=true};
new function (){
 var stop=box.scrolltop%18==0&&!can;
 if(!stop)box.scrolltop==parseint(box.scrollheight/2)?box.scrolltop=0:box.scrolltop++;
 settimeout(arguments.callee,box.scrolltop%18?10:1500);
};
</script>
</html>

提示:您可以先修改部分代码再运行

时间: 2024-09-22 18:22:50

javascript 新闻滚动效果的相关文章

javascript多行新闻滚动效果代码

 代码如下 复制代码 <html> <head> <title>javascript多行新闻滚动效果代码</title> <style> td{font-size:12px;} </style> </head> <body> <script > /************************************************************  * 滚动效果  * 注意:所有

javascript跟随滚动效果插件代码(javascript Follow Plugin)

这篇文章介绍了javascript跟随滚动效果插件代码(javascript Follow Plugin),有需要的朋友可以参考一下   Js 跟随滚动效果插件 支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器. 支持定义滚动到底部的最小高度,不会覆盖底部 页面大小resize后,插件会自动重置参数 ======= Js 跟随滚动效果插件 1.支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器. 2.支持定义滚动到底部的最小高度,

javascript实现滚动效果的数字时钟实例_javascript技巧

网上关于javascript实现数字时钟效果的实例很多,但是本文给大家介绍的是滚动效果的数字时钟.小编觉得效果很炫,下面分享给大家. 先来看看很炫的效果 下面是代码实例 javascript代码部分: window.onload=function(){ function toDou(n){ return n<10?"0"+n:""+n; } var oImg=document.getElementsByTagName("img"); set

javascript跟随滚动效果插件代码

 Javascript Follow Plugin Js 跟随滚动效果插件 支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器. 支持定义滚动到底部的最小高度,不会覆盖底部 页面大小resize后,插件会自动重置参数 ======= Js 跟随滚动效果插件 1.支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器. 2.支持定义滚动到底部的最小高度,不会覆盖底部 3.页面大小resize后,插件会自动重置参数 ======= 使用方法

javascript跟随滚动效果插件代码(javascript Follow Plugin)_javascript技巧

Js 跟随滚动效果插件支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器.支持定义滚动到底部的最小高度,不会覆盖底部页面大小resize后,插件会自动重置参数=======Js 跟随滚动效果插件1.支持定义多个跟随ID,采用css fixed属性,不支持ie6,兼容其他主流浏览器.2.支持定义滚动到底部的最小高度,不会覆盖底部3.页面大小resize后,插件会自动重置参数=======使用方法 代码如下  复制代码 代码如下:  <script type="

利用JavaScript实现新闻滚动效果(实例代码)_javascript技巧

最近要实现一个滚动新闻效果,在网上查了一些资料,发现基本的实现方法有两种: 1.使用Marquee标签.这个标签的使用我已经转载了一篇比较详细的文章,这个标签的优点是便于使用,缺点是人们已经逐渐不适用它了,许多浏览器不支持,甚至在IE8想,XHTML4.0的loose.dtd是可以的,而去掉loose.dtd却不行. 2.使用div+javascript的方法.这种方法的好处是可以兼容几乎所有的浏览器,并且在可以预料的时间内仍能稳定运行.并且使用div使得网页可以利用现有的css资源实现很多炫目

一行javascript实现单行间断新闻滚动效果

请教高手帮我看下这段代码,FLASH显示不了 请教在UTF-8编辑下的符号显示问题 jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了 技术研究-QQ09版按钮渐显渐隐的由来 javascript读取Json数据并分页显示,支持键盘和滚轮翻页 腾讯网奇怪的PNG文件,拜师以求解惑 更新lhgdialog-ver2.0.1弹出窗口组件

原生javascript无缝滚动效果

原生javascript效果:无缝滚动 www.111cn.net无缝滚动演示001 www.111cn.net无缝滚动演示002 www.111cn.net无缝滚动演示003 www.111cn.net无缝滚动演示004 << 向左 向右 >>

javascript 实现滚动效果代码整理_javascript技巧

多行滚动演示: 这是公告标题的第一行 这是公告标题的第二行 这是公告标题的第三行 这是公告标题的第四行 这是公告标题的第五行 这是公告标题的第六行 这是公告标题的第七行 这是公告标题的第八行 向前  向后