首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2016-05-16 19:13:07
原创
998 人浏览过

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需刷新才能执行]
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!