0顶

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

稿源：互联网 2022-04-09 15:16:20 点击： 1454 撤稿纠错

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

以下讨论的是和滚动特效相关的无间断滚动的新闻文章列表教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br><html xmlns="http://www.w3.org/1999/xhtml"><br><head><br><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><br><title>Fifty Studio│无间断滚动的新闻文章列表</title><br><link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css" /><br><br><style type="text/css"><br><br></style><br><noscript><br><style type="text/css"><br>#demo{overflow:auto; }<br>}<br></style><br></noscript><br></head><br><body><br><div id="ForestganWrap"><br>  <div id="forestganHeader"> <a href="/"><img src="/img/logo.gif" width="170" height="40" alt="Fifty Studio" class="logo" /></a><br>    <h1>CSS 布局演示 CSS Layout by Forestgan</h1><br>    <h2 id="demo_date">2006-11-1 发表</h2><br>  </div><br>  <div id="forestganMiddle"> <div id="FGWrapper"><br><div id="demo"><br><div id="demo1"><br><ul><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">三列自适应宽度液态布局│Three Column Liquid Layouts </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7 对CSS的兼容--Box Model Changes </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">未知大小的图片在一个已知大小容器中的水平和垂直居中（二） </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">为不同的浏览器载入不同CSS的二种方法CSS Browser Selector </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=72" title="用ASP程序模拟实现first-child的功能">用ASP程序模拟实现first-child的功能 </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=71" title="本地检验网页是否符合标准的几种方法">本地检验网页是否符合标准的几种方法 </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&amp;id=70" title="Accessibility和General Developer工具">Accessibility和General Developer工具 </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=69" title="未知总宽度的列表菜单水平居中的解决方案">未知总宽度的列表菜单水平居中的解决方案 </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&amp;id=68" title="为机器人程序准备的robots.txt文件">为机器人程序准备的robots.txt文件 </a></li><br>    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&amp;id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">未知大小图片在已知容器中的垂直和水平居中问题 </a></li><br></ul><br></div><br><div id="demo2">&nbsp;</div><br><script type="text/javascript"><br> //图片无间断滚动代码，兼容IE、Firefox、Opera<br> //原脚本是IE only，来自网上，作者未知<br> //部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写<br> //http://www.forest53.com<br> var speed=40;<br> var FGDemo=document.getElementById('demo');<br> var FGDemo1=document.getElementById('demo1');<br> var FGDemo2=document.getElementById('demo2');<br> FGDemo2.innerHTML=FGDemo1.innerHTML<br> function Marquee1(){<br> if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)<br> FGDemo.scrollTop-=FGDemo1.offsetHeight<br> else{<br> FGDemo.scrollTop++<br> }<br> }<br> var MyMar1=setInterval(Marquee1,speed)<br> FGDemo.onmouseover=function() {clearInterval(MyMar1)}<br> FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}<br></script> </div><br><div id="desc"><a href="http://www.forest53.com"><span id="copyright">Design by Forestgan</span></a>文章列表无间断滚动演示</div><br></div> </div><br></div><br><div id="forestganFooter"><br>  <address><br>  演示页面设计制作： <a href="http://www.forest53.com">Forestgan</a> &nbsp;&nbsp;采用<a href="http://www.creativecommons.cn/">创作共用授权</a>--署名和非商业用途<br /><a href="javascript:history.back()">返回前一页</a><br>  </address><br></div><br><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"><br></script><br><script type="text/javascript"><br>_uacct = "UA-152060-1";<br>urchinTracker();<br></script><br><noscript><br><p>google-analytics</p><br></noscript><br><script src="/js/copyrightdemo.js" type="text/javascript"></script><br><noscript><p>my stat</p></noscript><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于无间断滚动的新闻文章列表的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20081222385.shtml方便下次再访问哦。

·上一篇： 一段非常好的滑动门效果
·下一篇： Div CSS JS树型菜单

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

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

文章分类LIST >>返回首页

最新游戏

最新新闻