<!--Quirks mode--> <! 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" > <pead> <meta http-equiv= "Content-type" content=; Charset=utf-8 "/> <title>fifty studio│ news articles list </title> <link rel=" stylesheet "type=" Text/css " href= "/tutorials/demo/css/main.css"/> <!--[if ie]><style> @import url ("/tutorials/demo/css/ie.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%;d isplay : 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> </pead> <body> <div id= "Forestganwrap" > <div id= "Forestgan" Header > <p>css Layout demo CSS Layout by forestgan</p> <p id= "Demo_date" >2006-11-1 published </p& Gt </div> <div id= "Forestganmiddle" > <div id= "fgwrapper" > <div id= "Demo" > <div id= "Demo1" > <ul> <li> three-column adaptive width liquid layout │three column Liquid Layouts </li> <li>internet Explorer 7 compatible with CSS --box Model Changes </li> <li> picture of unknown size centered horizontally and vertically in a known sized container (ii) </li> <li> two ways to load different CSS for different browsers CSS Browser Selector </li> <li> Using ASP program to simulate the functions of First-child </li> <li> Local test Web page compliance with the standard of several ways < /li> <li>accessibility and general developer tools </li> <li> Unknown total width list menu horizontally centered solution </li> <li> robots.txt files for robotic programs </li> <li> unknown size picture vertical in known container and Horizontal Center issues </li> </ul> </div> <div id= "Demo2" > </div> <script type= "Text/javascript" ">//Picture uninterrupted scrolling code, compatible IE, Firefox, Opera//original script is IE only, from the Internet, the author unknown//Part of the content is by Forestgan for JS Code standardization, compatible with gecko for the kernel of the browser in 200 6-10-30 rewrite//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) FG Demo.scrolltop-=fgdemo1.offsetheight else{fgdemo.scrolltop++}} var mymar1=setinterval (Marquee1 , speed) Fgdemo.onmouseover=function () {clearinterval (MYMAR1)} fgdemo.onmouseout=function () {Mymar1=setinterval (M arquee1,speed)} </script> </div> <div id= "desc" ><span id= "copyright" >design by forestgan</span> articles List non-stop scrolling demo </div> </div > </div> </div> <div id= "Forestganfooter" > <address> Demo page Design: Forestgan adopted Authoring Commons Authorization-signed and non-commercial use return to previous page </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> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]