无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee
2007-05-22 00:00
841 查看
<!--Quirks Mode-->
<!DOCTYPE html PUBLIC "-https://www.jb51.net/https://www.jb51.net/W3Chttps://www.jb51.net/https://www.jb51.net/DTD XHTML 1.0 Stricthttps://www.jb51.net/https://www.jb51.net/EN" "http:https://www.jb51.net/https://www.jb51.net/www.w3.orghttps://www.jb51.net/TRhttps://www.jb51.net/xhtml1https://www.jb51.net/DTDhttps://www.jb51.net/xhtml1-strict.dtd">
<html xmlns="http:https://www.jb51.net/https://www.jb51.net/www.w3.orghttps://www.jb51.net/1999https://www.jb51.net/xhtml">
<head>
<meta http-equiv="Content-Type"content="texthttps://www.jb51.net/html; charset=utf-8" https://www.jb51.net/>
<title>Fifty Studio│无间断滚动的新闻文章列表<https://www.jb51.net/title>
<link rel="stylesheet" type="texthttps://www.jb51.net/css" href="https://www.jb51.net/tutorialshttps://www.jb51.net/demohttps://www.jb51.net/csshttps://www.jb51.net/main.css" https://www.jb51.net/>
<!--[if IE]><style>
@import url("https://www.jb51.net/tutorialshttps://www.jb51.net/demohttps://www.jb51.net/csshttps://www.jb51.net/ie.css");
<https://www.jb51.net/style><![endif]-->
<style type="texthttps://www.jb51.net/css">
<!--
a{background:#FFF; color:#333;}
a:hover{background:#FFF;color: #C00;}
#demo ul{text-align: left; }
#demo li a{line-height:2em; padding-left:1.5em;background: #F7F7F7 url(https://www.jb51.net/imghttps://www.jb51.net/arrow_l2_over.gif) no-repeat 0 50%;display: block;margin-bottom: 1px;}
#FGWrapper{width: 400px; margin:2em auto; background:#EEE;}
#demo{overflow:hidden; width: 390px;height: 150px; background:#FFF;margin: 5px;float: left;display: inline;}
#desc{ font-size: 1em; padding:0 10px 10px; clear:both;text-align:left;}
#copyright{float: right;}
-->
<https://www.jb51.net/style>
<noscript>
<style type="texthttps://www.jb51.net/css">
#demo{overflow:auto; }
}
<https://www.jb51.net/style>
<https://www.jb51.net/noscript>
<https://www.jb51.net/head>
<body>
<div id="ForestganWrap">
<div id="forestganHeader"> <a href="https://www.jb51.net/"><img src="https://www.jb51.net/imghttps://www.jb51.net/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" https://www.jb51.net/><https://www.jb51.net/a>
<h1>CSS 布局演示 CSS Layout by Forestgan<https://www.jb51.net/h1>
<h2 id="demo_date">2006-11-1 发表<https://www.jb51.net/h2>
<https://www.jb51.net/div>
<div id="forestganMiddle"> <div id="FGWrapper">
<div id="demo">
<div id="demo1">
<ul>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=71" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=6&id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=69" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=68" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 <https://www.jb51.net/a><https://www.jb51.net/li>
<https://www.jb51.net/ul>
<https://www.jb51.net/div>
<div id="demo2"> <https://www.jb51.net/div>
<script type="texthttps://www.jb51.net/javascript">
https://www.jb51.net/https://www.jb51.net/图片无间断滚动代码，兼容IE、Firefox、Opera
https://www.jb51.net/https://www.jb51.net/原脚本是IE only，来自网上，作者未知
https://www.jb51.net/https://www.jb51.net/部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写
https://www.jb51.net/https://www.jb51.net/https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/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)}
<https://www.jb51.net/script> <https://www.jb51.net/div>
<div id="desc"><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com"><span id="copyright">Design by Forestgan<https://www.jb51.net/span><https://www.jb51.net/a>文章列表无间断滚动演示<https://www.jb51.net/div>
<https://www.jb51.net/div> <https://www.jb51.net/div>
<https://www.jb51.net/div>
<div id="forestganFooter">
<address>
演示页面设计制作： <a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com">Forestgan<https://www.jb51.net/a> 采用<a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.creativecommons.cnhttps:/www.jb51.net/">创作共用授权<https://www.jb51.net/a>--署名和非商业用途<br https://www.jb51.net/><a href="https://www.jb51.net/article/javascript:history.back()">返回前一页<https://www.jb51.net/a>
<https://www.jb51.net/address>
<https://www.jb51.net/div>
<noscript>
<p>google-analytics<https://www.jb51.net/p>
<https://www.jb51.net/noscript>
<script src="https://www.jb51.net/jshttps://www.jb51.net/copyrightdemo.js" type="texthttps://www.jb51.net/javascript"><https://www.jb51.net/script>
<noscript><p>my stat<https://www.jb51.net/p><https://www.jb51.net/noscript>
<https://www.jb51.net/body>
<https://www.jb51.net/html>
Fifty Studio│无间断滚动的新闻文章列表 [url=https://www.jb51.net/] [img]https://www.jb51.net/imghttps://www.jb51.net/logo.gif[https://www.jb51.net/img] [https://www.jb51.net/url] [h1]CSS 布局演示 CSS Layout by Forestgan[https://www.jb51.net/h1] [h2]2006-11-1 发表[https://www.jb51.net/h2] [ul] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=76]三列自适应宽度液态布局│Three Column Liquid Layouts [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=75]Internet Explorer 7 对CSS的兼容--Box Model Changes [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=74]未知大小的图片在一个已知大小容器中的水平和垂直居中（二） [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=73]为不同的浏览器载入不同CSS的二种方法CSS Browser Selector [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=72]用ASP程序模拟实现first-child的功能 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=71]本地检验网页是否符合标准的几种方法 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=6&id=70]Accessibility和General Developer工具 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=69]未知总宽度的列表菜单水平居中的解决方案 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=68]为机器人程序准备的robots.txt文件 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=67]未知大小图片在已知容器中的垂直和水平居中问题 [https://www.jb51.net/url][https://www.jb51.net/li] [https://www.jb51.net/ul] [url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com]Design by Forestgan[https://www.jb51.net/url]文章列表无间断滚动演示 演示页面设计制作： [url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com]Forestgan[https://www.jb51.net/url] 采用[url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.creativecommons.cnhttps:/www.jb51.net/]创作共用授权[https://www.jb51.net/url]--署名和非商业用途 [url=https://www.jb51.net/article/javascript:history.back()]返回前一页[https://www.jb51.net/url]
[Ctrl+A 全选 注:[url=https://www.jb51.net/https://www.jb51.net/www.jb51.nethttps://www.jb51.net/articlehttps://www.jb51.net/23421.htm]如需引入外部Js需刷新才能执行[https://www.jb51.net/url]] [h4]您可能感兴趣的文章:[https://www.jb51.net/h4] [ul] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/35786.htm]JS实现div内部的文字或图片自动循环滚动代码[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/22628.htm]js实现的类marquee水平循环滚动[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/25820.htm]js实现的文字横向无间断滚动[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/23795.htm]js 实用的无间断滚动图效果(良好兼容性)[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/6587.htm]无间断滚动的新闻文章列表 多浏览器兼容[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/592.htm]无间断滚动marquee的详细用法解析[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/35788.htm]兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码[https://www.jb51.net/url][https://www.jb51.net/li] [https://www.jb51.net/ul]
<!DOCTYPE html PUBLIC "-https://www.jb51.net/https://www.jb51.net/W3Chttps://www.jb51.net/https://www.jb51.net/DTD XHTML 1.0 Stricthttps://www.jb51.net/https://www.jb51.net/EN" "http:https://www.jb51.net/https://www.jb51.net/www.w3.orghttps://www.jb51.net/TRhttps://www.jb51.net/xhtml1https://www.jb51.net/DTDhttps://www.jb51.net/xhtml1-strict.dtd">
<html xmlns="http:https://www.jb51.net/https://www.jb51.net/www.w3.orghttps://www.jb51.net/1999https://www.jb51.net/xhtml">
<head>
<meta http-equiv="Content-Type"content="texthttps://www.jb51.net/html; charset=utf-8" https://www.jb51.net/>
<title>Fifty Studio│无间断滚动的新闻文章列表<https://www.jb51.net/title>
<link rel="stylesheet" type="texthttps://www.jb51.net/css" href="https://www.jb51.net/tutorialshttps://www.jb51.net/demohttps://www.jb51.net/csshttps://www.jb51.net/main.css" https://www.jb51.net/>
<!--[if IE]><style>
@import url("https://www.jb51.net/tutorialshttps://www.jb51.net/demohttps://www.jb51.net/csshttps://www.jb51.net/ie.css");
<https://www.jb51.net/style><![endif]-->
<style type="texthttps://www.jb51.net/css">
<!--
a{background:#FFF; color:#333;}
a:hover{background:#FFF;color: #C00;}
#demo ul{text-align: left; }
#demo li a{line-height:2em; padding-left:1.5em;background: #F7F7F7 url(https://www.jb51.net/imghttps://www.jb51.net/arrow_l2_over.gif) no-repeat 0 50%;display: block;margin-bottom: 1px;}
#FGWrapper{width: 400px; margin:2em auto; background:#EEE;}
#demo{overflow:hidden; width: 390px;height: 150px; background:#FFF;margin: 5px;float: left;display: inline;}
#desc{ font-size: 1em; padding:0 10px 10px; clear:both;text-align:left;}
#copyright{float: right;}
-->
<https://www.jb51.net/style>
<noscript>
<style type="texthttps://www.jb51.net/css">
#demo{overflow:auto; }
}
<https://www.jb51.net/style>
<https://www.jb51.net/noscript>
<https://www.jb51.net/head>
<body>
<div id="ForestganWrap">
<div id="forestganHeader"> <a href="https://www.jb51.net/"><img src="https://www.jb51.net/imghttps://www.jb51.net/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" https://www.jb51.net/><https://www.jb51.net/a>
<h1>CSS 布局演示 CSS Layout by Forestgan<https://www.jb51.net/h1>
<h2 id="demo_date">2006-11-1 发表<https://www.jb51.net/h2>
<https://www.jb51.net/div>
<div id="forestganMiddle"> <div id="FGWrapper">
<div id="demo">
<div id="demo1">
<ul>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=71" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=6&id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=69" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=68" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 <https://www.jb51.net/a><https://www.jb51.net/li>
<li><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 <https://www.jb51.net/a><https://www.jb51.net/li>
<https://www.jb51.net/ul>
<https://www.jb51.net/div>
<div id="demo2"> <https://www.jb51.net/div>
<script type="texthttps://www.jb51.net/javascript">
https://www.jb51.net/https://www.jb51.net/图片无间断滚动代码，兼容IE、Firefox、Opera
https://www.jb51.net/https://www.jb51.net/原脚本是IE only，来自网上，作者未知
https://www.jb51.net/https://www.jb51.net/部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写
https://www.jb51.net/https://www.jb51.net/https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/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)}
<https://www.jb51.net/script> <https://www.jb51.net/div>
<div id="desc"><a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com"><span id="copyright">Design by Forestgan<https://www.jb51.net/span><https://www.jb51.net/a>文章列表无间断滚动演示<https://www.jb51.net/div>
<https://www.jb51.net/div> <https://www.jb51.net/div>
<https://www.jb51.net/div>
<div id="forestganFooter">
<address>
演示页面设计制作： <a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com">Forestgan<https://www.jb51.net/a> 采用<a href="https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.creativecommons.cnhttps:/www.jb51.net/">创作共用授权<https://www.jb51.net/a>--署名和非商业用途<br https://www.jb51.net/><a href="https://www.jb51.net/article/javascript:history.back()">返回前一页<https://www.jb51.net/a>
<https://www.jb51.net/address>
<https://www.jb51.net/div>
<noscript>
<p>google-analytics<https://www.jb51.net/p>
<https://www.jb51.net/noscript>
<script src="https://www.jb51.net/jshttps://www.jb51.net/copyrightdemo.js" type="texthttps://www.jb51.net/javascript"><https://www.jb51.net/script>
<noscript><p>my stat<https://www.jb51.net/p><https://www.jb51.net/noscript>
<https://www.jb51.net/body>
<https://www.jb51.net/html>
Fifty Studio│无间断滚动的新闻文章列表 [url=https://www.jb51.net/] [img]https://www.jb51.net/imghttps://www.jb51.net/logo.gif[https://www.jb51.net/img] [https://www.jb51.net/url] [h1]CSS 布局演示 CSS Layout by Forestgan[https://www.jb51.net/h1] [h2]2006-11-1 发表[https://www.jb51.net/h2] [ul] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=76]三列自适应宽度液态布局│Three Column Liquid Layouts [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=75]Internet Explorer 7 对CSS的兼容--Box Model Changes [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=74]未知大小的图片在一个已知大小容器中的水平和垂直居中（二） [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=73]为不同的浏览器载入不同CSS的二种方法CSS Browser Selector [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=72]用ASP程序模拟实现first-child的功能 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=71]本地检验网页是否符合标准的几种方法 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=6&id=70]Accessibility和General Developer工具 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=69]未知总宽度的列表菜单水平居中的解决方案 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=4&id=68]为机器人程序准备的robots.txt文件 [https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.comhttps:/www.jb51.net/tutorialshttps:/www.jb51.net/tutorials_show.asp?sortid=1&id=67]未知大小图片在已知容器中的垂直和水平居中问题 [https://www.jb51.net/url][https://www.jb51.net/li] [https://www.jb51.net/ul] [url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com]Design by Forestgan[https://www.jb51.net/url]文章列表无间断滚动演示 演示页面设计制作： [url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.forest53.com]Forestgan[https://www.jb51.net/url] 采用[url=https://www.jb51.net/article/http:https:/www.jb51.net/https:/www.jb51.net/www.creativecommons.cnhttps:/www.jb51.net/]创作共用授权[https://www.jb51.net/url]--署名和非商业用途 [url=https://www.jb51.net/article/javascript:history.back()]返回前一页[https://www.jb51.net/url]
[Ctrl+A 全选 注:[url=https://www.jb51.net/https://www.jb51.net/www.jb51.nethttps://www.jb51.net/articlehttps://www.jb51.net/23421.htm]如需引入外部Js需刷新才能执行[https://www.jb51.net/url]] [h4]您可能感兴趣的文章:[https://www.jb51.net/h4] [ul] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/35786.htm]JS实现div内部的文字或图片自动循环滚动代码[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/22628.htm]js实现的类marquee水平循环滚动[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/25820.htm]js实现的文字横向无间断滚动[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/23795.htm]js 实用的无间断滚动图效果(良好兼容性)[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/6587.htm]无间断滚动的新闻文章列表 多浏览器兼容[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/592.htm]无间断滚动marquee的详细用法解析[https://www.jb51.net/url][https://www.jb51.net/li] [li][url=https://www.jb51.net/articlehttps://www.jb51.net/35788.htm]兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码[https://www.jb51.net/url][https://www.jb51.net/li] [https://www.jb51.net/ul]
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee
- 无间断滚动的新闻文章列表，兼容IE、Firefox和Oper...
- 无间断滚动的新闻文章列表--兼容IE和FF
- 无间断的滚动新闻列表特效 兼容Firefox浏览器
- 符合标准的间隙滚动代码(兼容IE和FireFox)
- 符合标准的间隙滚动代码(兼容IE和FireFox)
- 无间断滚动的新闻文章列表 多浏览器兼容
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- IE Firefox Opera Chrome Safari 对MARQUEE标签的兼容问题
- 无间断滚动的新闻文章列表
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- 多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准
- 兼容IE\Firefox,支持W3C XHTML标准---------漂浮广告代码
- 兼容IE/Firefox/Opera/Safari的检测页面装载完毕的脚本Ext.onReady的实现
- 背景变暗的div可拖动提示窗口，兼容IE、Firefox、Opera
- 纯CSS制作的渐变层（兼容IE/Firefox/Opera）
- CSS样式important和*和_:兼容IE、Firefox、Opera和Safari CSS的解决方法及CSS差别
- css自动截取文字 兼容IE firefox Opera
- 图片连续滚动代码[兼容IE/firefox]