无间断滚动的新闻文章列表多浏览器兼容

更新时间：2007年01月29日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>Fifty Studio│无间断滚动的新闻文章列表</title> <link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" />  <style type="text/css">  </style> <noscript> <style type="text/css"> #demo{overflow:auto; } } </style> </noscript> </head> <body> <div id="ForestganWrap">   <div id="forestganHeader"> <a href="/"><img src="/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /></a>     <h1>CSS 布局演示 CSS Layout by Forestgan</h1>     <h2 id="demo_date">2006-11-1 发表</h2>   </div>   <div id="forestganMiddle"> <div id="FGWrapper"> <div id="demo"> <div id="demo1"> <ul>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=72" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=71" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&amp;id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=69" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=68" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li>     <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li> </ul> </div> <div id="demo2">&nbsp;</div> <script type="text/javascript">     //图片无间断滚动代码，兼容IE、Firefox、Opera     //原脚本是IE only，来自网上，作者未知     //部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写     //http://www.forest53.com     var speed=40;     var FGDemo=document.getElementById('demo');     var FGDemo1=document.getElementById('demo1');     var FGDemo2=document.getElementById('demo2');     FGDemo2.innerHTML=FGDemo1.innerHTML     function Marquee1(){     if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)     FGDemo.scrollTop-=FGDemo1.offsetHeight     else{     FGDemo.scrollTop++     }     }     var MyMar1=setInterval(Marquee1,speed)     FGDemo.onmouseover=function() {clearInterval(MyMar1)}     FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)} </script> </div> <div id="desc"><a href="http://www.forest53.com"><span id="copyright">Design by Forestgan</span></a>文章列表无间断滚动演示</div> </div> </div> </div> <div id="forestganFooter">   <address>   演示页面设计制作： <a href="http://www.forest53.com">Forestgan</a> &nbsp;&nbsp;采用<a href="http://www.creativecommons.cn/">创作共用授权</a>--署名和非商业用途<a href="javascript:history.back()">返回前一页</a>   </address> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-152060-1"; urchinTracker(); </script> <noscript> <p>google-analytics</p> </noscript> <script src="/js/copyrightdemo.js" type="text/javascript"></script> <noscript><p>my stat</p></noscript> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript直接调用函数与call调用的区别实例分析
这篇文章主要介绍了JavaScript直接调用函数与call调用的区别,结合额实例形式分析了JavaScript直接调用函数与call调用的基本用法、区别及相关注意事项,需要的朋友可以参考下
2020-05-05
uni-app集成使用SQLite数据库的方法步骤
这篇文章主要介绍了uni-app集成使用SQLite数据库的相关资料,包括勾选SQLite选项、封装sqlite.js文件以及在使用时注意的事项,文中通过图文介绍的非常详细,需要的朋友可以参考下
2025-01-01
浅谈js中的延迟执行和定时执行
下面小编就为大家带来一篇浅谈js中的延迟执行和定时执行。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-05-05
javascript实现简易聊天室
这篇文章主要为大家详细介绍了javascript实现简易聊天室，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
JS实现的简单图片切换功能示例【测试可用】
这篇文章主要介绍了JS实现的简单图片切换功能,结合实例形式分析了javascript结合时间函数定时触发控制图片的遍历与切换操作相关技巧,需要的朋友可以参考下
2017-02-02
js 复制功能支持 for IE/FireFox/mozilla/ns
js 复制功能支持 for IE/FireFox/mozilla/ns...
2007-11-11
JavaScript 深拷贝的循环引用问题详解
如果说道实现深拷贝最简单的方法，我们第一个想到的就是 JSON.stringify() 方法，因为JSON.stringify()后返回的是字符串，所以我们会再使用JSON.parse()转换为对象,这篇文章主要介绍了JavaScript 深拷贝的循环引用问题,需要的朋友可以参考下
2022-12-12
javascript一个判断浏览器类型的函数（类）
javascript一个判断浏览器类型的函数（类）...
2007-08-08
layer.msg()去掉默认时间,实现手动关闭的方法
今天小编就为大家分享一篇layer.msg()去掉默认时间,实现手动关闭的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JavaScript利用多彩线条摆出心形效果的示例代码
这篇文章主要为大家详细介绍了如何利用JavaScript语言实现多彩线条摆出心形效果，文中的实现步骤讲解详细，快跟随小编一起动手尝试一下吧
2022-07-07