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

来源：库升汽车网

Fifty Studio│无间断滚动的新闻文章列表

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文件

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

//图片无间断滚动代码，兼容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)}

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

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

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> 
<title>Fifty Studio│无间断滚动的新闻文章列表</title> 
 
<style> 
@import url("/tutorials/demo/css/ie.css"); 
</style> 
<style type="text/css"> 
 
</style> 
<noscript> 
<style type="text/css"> 
#demo{overflow:auto; } 
} 
</style> 
</noscript> 
</head> 
<body> 
 
  
 <h2>CSS 布局演示 CSS Layout by Forestgan</h2> 
 <h2 id="demo_date">2006-11-1 发表</h2> 
 
 
 
 
 
 <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> 
 
 
 
 
 //图片无间断滚动代码，兼容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> 
Design by Forestgan文章列表无间断滚动演示 
 
 
 
 
 演示页面设计制作： Forestgan 采用创作共用授权--署名和非商业用途
返回前一页 
 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

显示全文

全部频道

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

CSS 布局演示 CSS Layout by Forestgan

2006-11-1 发表