집 > 기사 > 웹 프론트엔드 > IE, Firefox 및 Opera와 호환되고 W3C 표준을 준수하는 지속적으로 스크롤되는 뉴스 기사 목록입니다. Marquee_javascript 기술로 사용할 수 있습니다.

IE, Firefox 및 Opera와 호환되고 W3C 표준을 준수하는 지속적으로 스크롤되는 뉴스 기사 목록입니다. Marquee_javascript 기술로 사용할 수 있습니다.

WBOY원래의: 2016-05-16 19:13:071004검색

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

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

Forestgan의 디자인기사 목록의 중단 없는 스크롤 시연

🎜>

데모 페이지 디자인 및 제작: Forestgan크리에이티브 커먼즈 라이선스--저작자 표시 및 비상업적 사용
< ;a href="javascript:history를 채택합니다. back()">이전 페이지로 돌아가기

Fifty Studio│연속스크롤되는 뉴스기사 목록

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
</title>
<link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css">

<style type="text/css"> 
 
</style>
<noscript>
  <style type="text/css"> 
#demo{overflow:auto; } 
} 
</style> </noscript>
    <div id="ForestganWrap">CSS 레이아웃 데모 Forestgan의 CSS 레이아웃<div id="forestganHeader">
    <a href="/">2006년 11월 1일 발행<img src="/img/logo.gif"    style="max-width:90%"  style="max-width:90%" alt="Fifty Studio" class="logo">
  </a><div id="forestganMiddle"> <div id="FGWrapper">
<div id="demo">
<div id="demo1">
<ul>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=76" title="三列自适应宽度液态布局│Three Column Liquid Layouts">3열 액체 레이아웃 │3열 액체 레이아웃 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=75" title="Internet Explorer 7 对CSS的兼容--Box Model Changes">Internet Explorer 7과 CSS의 호환성--박스 모델 변경 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=74" title="未知大小的图片在一个已知大小容器中的水平和垂直居中（二）">크기를 알 수 없는 컨테이너에 크기를 알 수 없는 이미지를 가로, 세로로 중앙에 배치(2) </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=73" title="为不同的浏览器载入不同CSS的二种方法CSS Browser Selector">다른 브라우저에 대해 다른 CSS를 로드하는 두 가지 방법 CSS 브라우저 선택기 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=72" title="用ASP程序模拟实现first-child的功能">ASP 프로그램을 사용하여 첫 번째 자식 기능 시뮬레이션 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=71" title="本地检验网页是否符合标准的几种方法">웹페이지가 표준을 충족하는지 로컬에서 확인하는 여러 가지 방법 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=6&id=70" title="Accessibility和General Developer工具">접근성 및 일반 개발자 도구 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=69" title="未知总宽度的列表菜单水平居中的解决方案">전체 너비를 알 수 없는 가로 중심 목록 메뉴에 대한 솔루션 </a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=4&id=68" title="为机器人程序准备的robots.txt文件">로봇 프로그램용으로 준비된 Robots.txt 파일</a></li>
    <li><a href="http://www.forest53.com/tutorials/tutorials_show.asp?sortid=1&id=67" title="未知大小图片在已知容器中的垂直和水平居中问题">알려진 컨테이너에서 크기를 알 수 없는 이미지의 수직 및 수평 센터링 문제 </a></li>
</ul>
</div>
<div id="demo2"> </div>
</div> <div id="desc">
<a href="http://www.forest53.com"><span id="copyright"></span>Design by Forestgan</a>
</div>기사 목록 연속 스크롤 데모</div>
</div> </div>
<div id="forestganFooter">
<address>
  <a href="http://www.forest53.com">
  데모 페이지 디자인 및 제작: </a>Forestgan<a href="http://www.creativecommons.cn/"> </a>Creative Commons License<a href="javascript:history.back()"> 사용--저작자 표시 및 비상업적 사용
</a>이전 페이지로 돌아가기</address>
  </div>

<br><input onclick="runEx('runcode97008')" type="button" value="运行代码"><input onclick="doCopy('runcode97008')" type="button" value="复制代码"> <input onclick="doSave(runcode97008)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A 모두 선택 참고: </a>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 </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>

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

이전 기사：자바스크립트 학습 URL 메모_자바스크립트 스킬다음 기사：자바스크립트 학습 URL 메모_자바스크립트 스킬

관련 기사

더보기