无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee_javascript技巧

CSS 布局演示 CSS Layout by Forestgan

2006-11-1 发表

• 三列自适应宽度液态布局│Three Column Liquid Layouts


• Internet Explorer 7 对CSS的兼容--Box Model Changes


• 未知大小的图片在一个已知大小容器中的水平和垂直居中（二）


• 为不同的浏览器载入不同CSS的二种方法CSS Browser Selector


• 用ASP程序模拟实现first-child的功能


• 本地检验网页是否符合标准的几种方法


• Accessibility和General Developer工具


• 未知总宽度的列表菜单水平居中的解决方案


• 为机器人程序准备的robots.txt文件


• 未知大小图片在已知容器中的垂直和水平居中问题

Design by Forestgan文章列表无间断滚动演示

演示页面设计制作： Forestgan 采用创作共用授权--署名和非商业用途
返回前一页

<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> <div id="ForestganWrap"> <div id="forestganHeader"> <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuLw==" target="_blank" rel="nofollow"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=L2ltZy9sb2dvLmdpZg==" alt="无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee_javascript技巧" class="logo" title="无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee_javascript技巧"></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&id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts" target="_blank" rel="nofollow">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes" target="_blank" rel="nofollow">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）" target="_blank" rel="nofollow">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector" target="_blank" rel="nofollow">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模拟实现first-child的功能" target="_blank" rel="nofollow">用ASP程序模拟实现first-child的功能 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=71" title="本地检验网页是否符合标准的几种方法" target="_blank" rel="nofollow">本地检验网页是否符合标准的几种方法 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&id=70" title="Accessibility和General Developer工具" target="_blank" rel="nofollow">Accessibility和General Developer工具 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=69" title="未知总宽度的列表菜单水平居中的解决方案" target="_blank" rel="nofollow">未知总宽度的列表菜单水平居中的解决方案 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=68" title="为机器人程序准备的robots.txt文件" target="_blank" rel="nofollow">为机器人程序准备的robots.txt文件 </a></li> <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=67" title="未知大小图片在已知容器中的垂直和水平居中问题" target="_blank" rel="nofollow">未知大小图片在已知容器中的垂直和水平居中问题 </a></li> </ul> </div> </div> <div id="desc"> <a href="http://www.forest53.com" target="_blank" rel="nofollow"><span id="copyright">Design by Forestgan</span></a>文章列表无间断滚动演示</div> </div> </div> </div> <div id="forestganFooter"> <address> 演示页面设计制作： <a href="http://www.forest53.com" target="_blank" rel="nofollow">Forestgan</a> 采用<a href="http://www.creativecommons.cn/" target="_blank" rel="nofollow">创作共用授权</a>--署名和非商业用途 <a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpoaXN0b3J5LmJhY2soKQ==" target="_blank" rel="nofollow">返回前一页</a> </address> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]