文字向上不间断滚动代码-兼容各浏览器

发表时间：2010-04-02关注度：1,363 views 评论数：2

文字无间断滚动代码，兼容IE、Firefox、Opera 鼠标放上去停止滚动，一开继续滚动。 [runcode height="260"] 符合标准的向上滚动的新闻文章列表 ·时代前端 ·北京财贸职业学院 ·天津职业大学 ·时代前端 ·辽宁交通高等专科学校 ·浙江金融职业学院 ·时代前端 ·宁波职业技术学院 ·武汉职业技术学院 ·江西蓝天学院 ·西安外事学院 ·交互...

文字无间断滚动代码，兼容IE、Firefox、Opera
鼠标放上去停止滚动，一开继续滚动。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>符合标准的向上滚动的新闻文章列表</title> <style type="text/css">  </style> </head> <body> <div id="demo"> <div id="demo1"> <ul> <li>·<a href="http://www.52shidai.com/">时代前端</a></li> <li>·<a href="http://www.52shidai.com/">北京财贸职业学院</a></li> <li>·<a href="http://www.52shidai.com/">天津职业大学</a></li> <li>·<a href="http://www.52shidai.com/">时代前端</a></li> <li>·<a href="http://www.52shidai.com/">辽宁交通高等专科学校</a></li> <li>·<a href="http://www.52shidai.com/">浙江金融职业学院</a></li> <li>·<a href="http://www.52shidai.com/">时代前端</a></li> <li>·<a href="http://www.52shidai.com/">宁波职业技术学院</a></li> <li>·<a href="http://www.52shidai.com/">武汉职业技术学院</a></li> <li>·<a href="http://www.72color.com/">江西蓝天学院</a></li> <li>·<a href="http://www.72color.com/">西安外事学院</a></li> <li>·<a href="http://www.72color.com/">交互设计中心</a></li> <li>·<a href="http://www.72color.com/">西安翻译学院</a></li> <li>·<a href="http://www.72color.com/">三江学院</a></li> <li>·<a href="http://www.72color.com/">交互设计中心</a></li> <li>·<a href="http://www.72color.com/">黄河科技学院</a></li> <li>·<a href="http://www.72color.com/">吉林华桥外国语学院</a></li> <li>·<a href="http://www.72color.com/">浙江树人学院</a></li> </ul> </div> <div id="demo2"></div> <script type="text/javascript"> //文字无间断滚动代码，兼容IE、Firefox、Opera 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> <p></p> <div style="margin-bottom:10px;">由时代前端收集整理 <a href=http://www.52shidai.com _fcksavedurl="http://www.52shidai.com" _fcksavedurl="http://www.52shidai.com">http://www.52shidai.com/ 时代前端</a></div> </body> </html>

提示：你可以先修改部分代码再运行。

转载请注明文章转载自：网站前端,web前端,前端脚本,前端优化|时代前端 [http://www.52shidai.com]
本文链接地址：文字向上不间断滚动代码-兼容各浏览器

标签：兼容, 滚动

上一篇: 163网易的Tab滑动选项卡-可重复

下一篇:推荐5个漂亮的jquery主流图表插件

您可能感兴趣的文章

已经有2 个评论，你也说点什么吧

1楼
四月 2nd, 2010 at 8:35 下午 zwwooooo 说:

用的是js啊，不懂啊
2楼
九月 9th, 2011 at 2:04 下午 冰山一角 说:

这里的东西太丰富了！

发表评论

最热文章
- 100个最漂亮|免费的wordpress模板 - 3,072 views
- 漂亮的javascript对话框(弹出层)组件[附源码] - 2,272 views
- wordpress采集插件—wp-o-matic使用详解 - 1,982 views
- 开启wordpress 3.0多用户的方法 - 1,781 views
- 12个用jQuery插件改变Button按钮的漂亮特效 - 1,765 views
- 国人原创的WordPress杂志主题wp-cms - 1,650 views
- jQuery-bind不能处理绑定hover事件 - 1,615 views
- 封装好的javascript图片滑动效果 - 1,571 views
- 推荐5个漂亮的jquery主流图表插件 - 1,557 views
- 文字向上不间断滚动代码-兼容各浏览器 - 1,363 views
最新文章
热门标签

canvas google html HTML5 JavaScript jQuery SEO wordpress 主题优化关键字兼容函数前端优化博客友情链接图片外链工具常用性能技巧排名推广插件搜索搜索引擎收录教程文章方法时间权重模板滚动漂亮特性百度经典网站菜单谷歌遍历链接鼠标滚轮

网站前端,web前端,前端脚本,前端优化|时代前端