广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

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

发布时间：2007-05-22　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

FiftyStudio│无间断滚动的新闻文章列表#demo{overflow:auto;}}CSS布局演示CSSLayoutbyForestgan2006-11-1发表三列自适应宽度液态布局│ThreeColumnLiquidLayoutsInternetExplorer7对CSS的兼容--BoxModelChanges未知大小的图片在一个已知大小容器中的水平和垂

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

CSS布局演示CSSLayoutbyForestgan

2006-11-1发表

三列自适应宽度液态布局│ThreeColumnLiquidLayouts

InternetExplorer7对CSS的兼容--BoxModelChanges

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

为不同的浏览器载入不同CSS的二种方法CSSBrowserSelector

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

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

Accessibility和GeneralDeveloper工具

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

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

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

//图片无间断滚动代码，兼容IE、Firefox、Opera
//原脚本是IEonly，来自网上，作者未知
//部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写
//http://www.forest53.com
varspeed=40;
varFGDemo=document.getElementById('demo');
varFGDemo1=document.getElementById('demo1');
varFGDemo2=document.getElementById('demo2');
FGDemo2.innerHTML=FGDemo1.innerHTML
functionMarquee1(){
if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
FGDemo.scrollTop-=FGDemo1.offsetHeight
else{
FGDemo.scrollTop++
}
}
varMyMar1=setInterval(Marquee1,speed)
FGDemo.onmouseover=function(){clearInterval(MyMar1)}
FGDemo.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}

DesignbyForestgan文章列表无间断滚动演示

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

返回前一页

<!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> 
 
 
<style type="text/css"> 
 
</style> 
<noscript> 
<style type="text/css"> 
#demo{overflow:auto; } 
} 
</style> 
</noscript> 
</head> 
<body> 
 
   <img src="http://www.jb51.net/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /> 
    <h1>CSS 布局演示 CSS Layout by Forestgan</h1> 
    <h2 id="demo_date">2006-11-1 发表</h2> 
   
    
 
 
 
    三列自适应宽度液态布局│Three Column Liquid Layouts  
    Internet Explorer 7 对CSS的兼容--Box Model Changes  
    未知大小的图片在一个已知大小容器中的水平和垂直居中（二）  
    为不同的浏览器载入不同CSS的二种方法CSS Browser Selector  
    用ASP程序模拟实现first-child的功能  
    本地检验网页是否符合标准的几种方法  
    Accessibility和General Developer工具  
    未知总宽度的列表菜单水平居中的解决方案  
    为机器人程序准备的robots.txt文件  
    未知大小图片在已知容器中的垂直和水平居中问题  
 
 
 
  
<span id="copyright">Design by Forestgan</span>文章列表无间断滚动演示 
  
 
 
   
  演示页面设计制作： Forestgan 采用创作共用授权--署名和非商业用途
返回前一页 
  </address> 
 
</body> 
</html>

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

上一篇：一个js实现的所谓的滑动门

下一篇：用javascript实现鼠标框选

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

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

CSS布局演示CSSLayoutbyForestgan

相关推荐

文章分类

热门关键词

热门文章

最新更新