SoFunction
Updated on 2025-04-03

Uninterrupted scrolling list of news articles, compatible with IE, Firefox and Opera, and W3C standards. Can be used as a Marquee

<!--Quirks Mode-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:///TR/xhtml1/DTD/">
<html xmlns="http:///1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>Fifty Studio│Unstop Scrolling News Article List</title>
<link rel="stylesheet" type="text/css" href="/tutorials/demo/css/" />
<!--[if IE]><style>
@import url("/tutorials/demo/css/");
</style><![endif]-->
<style type="text/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(/img/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;}
-->
</style>
<noscript>
<style type="text/css">
#demo{overflow:auto; }
}
</style>
</noscript>
</head>
<body>
<div >
  <div > <a href="/"><img src="/img/" width="170" height="40" alt="Fifty Studio" class="logo" /></a>
<h1>CSS Layout Demo CSS Layout by Forestgan</h1>
<h2 >2006-11-1 Published</h2>
  </div>
  <div > <div >
<div >
<div >
<ul>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=1&amp;id=76" title="Three Column Adaptive Width Liquid Layouts│Three Column Liquid Layouts">Three Column Adaptive Width Liquid Layouts│Three Column Liquid Layouts</a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=4&amp;id=75" title="Internet Explorer 7 Compatibility with CSS --Box Model Changes">Internet Explorer 7 Compatibility with CSS --Box Model Changes </a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=1&amp;id=74" title="Horily and vertically centered in a container of known size (two)">Horily and vertically centered in a container of known size (two) </a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=4&amp;id=73" title="Two ways to load different CSS for different browsers CSS Browser Selector">Two ways to load different CSS for different browsers CSS Browser Selector </a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=4&amp;id=72" title="Use ASP program to simulate the function of first-child">Use ASP program to simulate the function of first-child </a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=1&amp;id=71" title="Several methods to locally check whether web pages meet the standards">Several methods to locally check whether web pages meet the standards</a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=6&amp;id=70" title="Accessibility and General Developer Tools">Accessibility and General Developer Tools</a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=1&amp;id=69" title="Solution of horizontal centering for list menus for unknown total width">Solution of horizontal centering for list menus for unknown total width </a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=4&amp;id=68" title="Files prepared for robot programs">Files prepared for robot programs</a></li>
<li><a href="http:///tutorials/tutorials_show.asp?sortid=1&amp;id=67" title="Vertical and horizontal centering problems of unknown size pictures in known containers">Vertical and horizontal centering problems of unknown size pictures in known containers</a></li>
</ul>
</div>
<div >&nbsp;</div>
<script type="text/javascript">
//The picture is scrolling uninterrupted, compatible with IE, Firefox, Opera
//The original script is IE only, from the Internet, the author is unknown
//Some of the content was rewritten by forestgan for JS code standardization and is compatible with browsers with gecko as the kernel on 2006-10-30
    //http://
    var speed=40;
    var FGDemo=('demo');
    var FGDemo1=('demo1');
    var FGDemo2=('demo2');
    =
    function Marquee1(){
    if(<=0)
    -=
    else{
    ++
    }
    }
    var MyMar1=setInterval(Marquee1,speed)
    =function() {clearInterval(MyMar1)}
    =function() {MyMar1=setInterval(Marquee1,speed)}
</script> </div>
<div ><a href="http://"><span >Design by Forestgan</span></a>Article list uninterrupted scrolling demonstration</div>
</div> </div>
</div>
<div >
  <address>
Demo page design and production: <a href="http://">Forestgan</a> &nbsp;&nbsp;Using <a href="/">Creative sharing authorization</a>--attribution and non-commercial use<br /><a href="javascript:()">Return to the previous page</a>
  </address>
</div>
<noscript>
<p>google-analytics</p>
</noscript>
<script src="/js/" type="text/javascript"></script>
<noscript><p>my stat</p></noscript>
</body>
</html>

[Ctrl+A Select all Note:Introducing external Js requires refreshing the page before execution]