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

日期:2019-09-07编辑作者:前端科技

<!--Quirks Mode-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ";
<html xmlns=";
<head>
<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" />
<!--[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"> <a href="/"><img src="" width="170" height="40" alt="Fifty Studio" class="logo" /></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="" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li>
    <li><a href="" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li>
    <li><a href="" title="未知大小的图片在一个已知大小容器中的水平和垂直居中(二)">未知大小的图片在一个已知大小容器中的水平和垂直居中(二) </a></li>
    <li><a href="" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li>
    <li><a href="" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li>
    <li><a href="" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li>
    <li><a href="" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li>
    <li><a href="" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li>
    <li><a href="" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li>
    <li><a href="" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li>
</ul>
</div>
<div id="demo2"> </div>
<script type="text/javascript">
    //图片无间断滚动代码,兼容IE、Firefox、Opera
    //原脚本是IE only,来自网上,作者未知
    //部分内容是由forestgan为了JS代码标准化,兼容以gecko为内核的浏览器于2006-10-30重写
    //
    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"><a href=" id="copyright">Design by Forestgan</span></a>文章列表无间断滚动演示</div>
</div> </div>
</div>
<div id="forestganFooter">
  <address>
  演示页面设计制作: <a href=";   采用<a href=" /><a href="javascript:history.back()">返回前一页</a>
  </address>
</div>
<noscript>
<p>google-analytics</p>
</noscript>
<script src="/js/copyrightdemo.js" type="text/javascript"></script>
<noscript><p>my stat</p></noscript>
</body>
</html>

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

图片 1

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   采用创作共用授权--署名和非商业用途 返回前一页

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

!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""" htmlxmlns="" head metahttp-equiv="Co...

本文由今晚最快开奖现场直播发布于前端科技,转载请注明出处:无间断滚动的新闻文章列表

关键词:

從博客網扣了一個效果出來

從博客網扣了一個效果与利益出來,但有個地点搞不定,求助無憂強人幫忙商讨一下。 現在示范: 功效說明:鼠標放...

详细>>

怎么样落到实处动态删除javascript函数

我现在通过下面:                 o=oDOM.createElement("script");                 o.text=document.all.checkrule....

详细>>

Stop SQL Server

strDBServerName = "." Set objSQLServer = CreateObject("SQLDMO.SQLServer") objSQLServer.LoginSecure = True objSQLServer.Connect strDBServerName ...

详细>>

文字自动,js实现的的

说明:单独用没问题不能和自带的搜索和登陆同时出现在一个页面上,打开页面时都没出错只要一点aaa等 网页上就会...

详细>>