Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 19:13:07
Original
1004 Leute haben es durchsucht

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



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







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

CSS 布局演示 CSS Layout by Forestgan


    

2006-11-1 发表


  

  
 



 

<script> <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> 

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

 



  

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



<script></script>




[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage