?
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS???/a> >

向上不间断滚动div+css+js模板

22选5河南最新开奖今 www.gsf5k.cn 22选5河南最新开奖今不间断向上滚动模板

上一次给大家介绍一种22选5河南最新开奖今的不间断滚动代码JS特别多(不间断滚动css代码),这次给大家介绍的是比较实用比较简单的不间断22选5河南最新开奖今滚动代码

 不间断div+css滚动演示图
DIV+CSS不间断滚动代码效果图 -CSS不间断滚动

 DIV+css代码:

 <p>&nbsp;</p>
<p><a href="//www.gsf5k.cn/">div+css</a> <a href="//www.gsf5k.cn/shouce/">css手册</a> <a href="//www.gsf5k.cn/">css</a> <a href="//www.gsf5k.cn/edu/">css研教室</a></p>
<p>&nbsp;</p>
<p>divcss5模板-上下不间断滚动<a href="//www.gsf5k.cn/">DIV+CSS</a></p>
<p>
<22选5河南最新开奖今 id="mq" onmouseover=iScrollAmount=0 style="OVERFLOW: hidden; WIDTH:330px; margin:0 auto; HEIGHT:22px; line-height:22px;" onmouseout=iScrollAmount=1>
<ul>
<li><a href="//www.gsf5k.cn">div+css</a>向上不停滚动演示</li>
<li><a href="//www.gsf5k.cn">CSS</a>向上不停滚动演示</li>
<li><a href="//www.gsf5k.cn">divcss</a>向上不停滚动演示</li>
</ul>
</div>
<script src="muqruujs.js" type="text/javascript"></script></p>
<p ><a href="//www.divcsss5.com/">DIV+CSS</a>提示您,可以直接查看本页<a href="//www.gsf5k.cn/html/h26.html" title="查看源代码">源代码</a>将其保存下来</p>

 

不间断JS代码:

 var oMarquee = document.getElementById("mq"); //滚动对象
var iLineHeight = 22; //单行高度,像素
var iLineCount = 3; //实际行数
var iScrollAmount = 1; //每次滚动高度,像素
function run() { oMarquee.scrollTop += iScrollAmount; if ( oMarquee.scrollTop == iLineCount * iLineHeight ) oMarquee.scrollTop = 0; if ( oMarquee.scrollTop % iLineHeight == 0 ) { window.setTimeout( "run()", 2500 ); } else { window.setTimeout( "run()", 10 ); } } oMarquee.innerHTML += oMarquee.innerHTML; window.setTimeout( "run()", 2500 );

完整div+css不间断滚动代码
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="" name="keywords" />
<title>向上不停滚动代码-22选5河南最新开奖今 www.gsf5k.cn-演示</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* CSS代码如下 22选5河南最新开奖今 www.gsf5k.cn */
</style>
</head>
<body>
<p>&nbsp;</p>
<p><a href="//www.gsf5k.cn/">div+css</a> <a href="//www.gsf5k.cn/shouce/">css手册</a> <a href="//www.gsf5k.cn/">css</a> <a href="//www.gsf5k.cn/edu/">css研教室</a></p>
<p>&nbsp;</p>
<p>divcss5模板-上下不间断滚动<a href="//www.gsf5k.cn/">DIV+CSS</a></p>
<p>
<div id="mq" onmouseover=iScrollAmount=0 style="OVERFLOW: hidden; WIDTH:330px; margin:0 auto; HEIGHT:22px; line-height:22px;" onmouseout=iScrollAmount=1>
<ul>
<li><a href="//www.gsf5k.cn">div+css</a>向上不停滚动演示</li>
<li><a href="//www.gsf5k.cn">CSS</a>向上不停滚动演示</li>
<li><a href="//www.gsf5k.cn">divcss</a>向上不停滚动演示</li>
</ul>
</div>
<script src="muqruujs.js" type="text/javascript"></script></p>
<p ><a href="//www.divcsss5.com/">DIV+CSS</a>提示您,可以直接查看本页<a href="//www.gsf5k.cn/html/h26.html" title="查看源代码">源代码</a>将其保存下来</p>
</body>
</html>

这里将JS放放入muqruujs.js的JS文件里,注意的是JS文件放置的位置及滚动代码JS里的取值

在线演示//www.gsf5k.cn/yanshi/2013032601/

以上为DIV+CSS模板中的纯CSS不间断滚动CSS布局代码及说明。
查看CSS不间断滚动网页演示 -点我查看。
点击另存为下载此DIV+CSS上下无间断滚动代码打包下载://www.gsf5k.cn/bbs/thread-479-1-1.html。

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/template/m109.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2010-05-19 11:14 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 只有资本主义会关门,社会主义,有无穷的爆发力 2019-04-22
  • ——客观唯心主义哲学思想的幸福感和不幸福感则是:人的主观臆断的欲望能否在“神”的制约中满足“好”的感觉。“幸福”就是在“神”的制约中满足了人的主观臆断的欲望而达 2019-04-22
  • 你才是“蠢货”!土地是自然存在的地球的一部分,并不是人类劳动成果,哪来价值?土地不是劳动成果,没有价值,正如空气和阳光不是劳动成果,没有价值一样。懂吗... 2019-04-21
  • 月球裂缝下神秘洞穴疑似有生命体出现 2019-04-21
  • 俞正声:推进政协协商民主建设,形成协商议政新局面 2019-04-20
  • 山西10年收治6万余戒毒人员 构建大戒毒工作格局 2019-04-20
  • 第三届世界互联网大会 2019-04-20
  • 【哈密天气】最新哈密今天天气,实时提供哈密气温、空气质量、24小时天气预报、生活指数查询 2019-04-20
  • 2015年河北省公益广告作品展 2019-04-19
  • 夺取新时代中国特色社会主义伟大胜利 2019-04-19
  • 证监会核发两家企业IPO批文 筹资总额不超10亿元 2019-04-18
  • 【后者】与【前者】不能相提并论,因为【前者】是正能量,而【后者】则是负能量。。。[福尔摩斯] 2019-04-18
  • 四川郎酒股份有限公司获第十二届人民企业社会责任奖年度环保奖 2019-04-17
  • 全国重点网络媒体海南行 2019-04-17
  • 人民日报评论员:深刻认识加强生态文明建设的重大意义 2019-04-17
  • 134| 546| 317| 13| 262| 670| 853| 573| 134| 378|