PHP基础
PHP教程
php框架
JavaScript
asp.net
AJAX
正则表达式
ASP
输入
banner图
图片脚本
导航/分类
无间断滚动的新闻文章列表多浏览器兼容_javascript技巧
<!--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"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>Fifty Studio│无间断滚动的新闻文章列表</title> <!--[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%;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 id="ForestganWrap"> <div id="forestganHeader"> <img src="https://www.gxlcms.com/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /> <h2>CSS 布局演示 CSS Layout by Forestgan</h2> <h2 id="demo_date">2006-11-1 发表</h2> </div> <div id="forestganMiddle"> <div id="FGWrapper"> <div id="demo"> <div id="demo1"> <ul> <li>三列自适应宽度液态布局│Three Column Liquid Layouts </li> <li>Internet Explorer 7 对CSS的兼容--Box Model Changes </li> <li>未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </li> <li>为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </li> <li>用ASP程序模拟实现first-child的功能 </li> <li>本地检验网页是否符合标准的几种方法 </li> <li>Accessibility和General Developer工具 </li> <li>未知总宽度的列表菜单水平居中的解决方案 </li> <li>为机器人程序准备的robots.txt文件 </li> <li>未知大小图片在已知容器中的垂直和水平居中问题 </li> </ul> </div> <div id="demo2"> </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"><span id="copyright">Design by Forestgan</span>文章列表无间断滚动演示</div> </div> </div> </div> <div id="forestganFooter"> 演示页面设计制作： Forestgan 采用创作共用授权--署名和非商业用途 返回前一页 </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需刷新才能执行]
