• 月薪过万白领辞职回乡养鸡 亏数十万后回城找工作 2020-01-20
  • 拉美国家新闻官员与记者宁夏考察采访活动结束 2020-01-06
  • 荆楚网互联网出版机构 2020-01-06
  • 北京限价房项目开闸 百亿货值将入市 ——凤凰网房产北京 2019-12-08
  • 秘鲁侨界研讨两岸关系和平发展 2019-12-02
  • 西安紫云溪小区深夜有人竟高空扔粪便 律师:违法行为 2019-11-29
  • 罗品禧的专栏作者中国国家地理网 2019-11-29
  • 市委把全国两会精神原汁原味传达到基层 2019-11-28
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-11-20
  • 四件汉白玉螭头回归圆明园 2019-11-20
  • 人的本质的演变规律:从原始母系氏族社会的公有者经过父系氏族社会私有和公有双重所有者而演变为私有制阶级社会的私有者,然后经过现代社会公有和私有双重所有者... 2019-11-06
  • 这样的帖子写主贴反驳,实在丢不起人! 2019-11-06
  • “道德瘾君子”侮辱了杨女士的善良 2019-10-30
  • 候选案例:“天使之心”儿童先心病救助项目 2019-10-23
  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

    香港买马资料大全不间断向上滚动模板

    上一次给大家介绍一种香港买马资料大全的不间断滚动代码JS特别多(不间断滚动css代码),这次给大家介绍的是比较实用比较简单的不间断香港买马资料大全滚动代码

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

     DIV+css代码:

     <p>&nbsp;</p>
    <p><a href="//www.ziixf.tw/">div+css</a> <a href="//www.ziixf.tw/shouce/">css手册</a> <a href="//www.ziixf.tw/">css</a> <a href="//www.ziixf.tw/edu/">css研教室</a></p>
    <p>&nbsp;</p>
    <p>divcss5模板-上下不间断滚动<a href="//www.ziixf.tw/">DIV+CSS</a></p>
    <p>
    <香港买马资料大全 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.ziixf.tw">div+css</a>向上不停滚动演示</li>
    <li><a href="//www.ziixf.tw">CSS</a>向上不停滚动演示</li>
    <li><a href="//www.ziixf.tw">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.ziixf.tw/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>向上不停滚动代码-香港买马资料大全 www.ziixf.tw-演示</title>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* CSS代码如下 香港买马资料大全 www.ziixf.tw */
    </style>
    </head>
    <body>
    <p>&nbsp;</p>
    <p><a href="//www.ziixf.tw/">div+css</a> <a href="//www.ziixf.tw/shouce/">css手册</a> <a href="//www.ziixf.tw/">css</a> <a href="//www.ziixf.tw/edu/">css研教室</a></p>
    <p>&nbsp;</p>
    <p>divcss5模板-上下不间断滚动<a href="//www.ziixf.tw/">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.ziixf.tw">div+css</a>向上不停滚动演示</li>
    <li><a href="//www.ziixf.tw">CSS</a>向上不停滚动演示</li>
    <li><a href="//www.ziixf.tw">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.ziixf.tw/html/h26.html" title="查看源代码">源代码</a>将其保存下来</p>
    </body>
    </html>

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

    在线演示//www.ziixf.tw/yanshi/2013032601/

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

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

  • 月薪过万白领辞职回乡养鸡 亏数十万后回城找工作 2020-01-20
  • 拉美国家新闻官员与记者宁夏考察采访活动结束 2020-01-06
  • 荆楚网互联网出版机构 2020-01-06
  • 北京限价房项目开闸 百亿货值将入市 ——凤凰网房产北京 2019-12-08
  • 秘鲁侨界研讨两岸关系和平发展 2019-12-02
  • 西安紫云溪小区深夜有人竟高空扔粪便 律师:违法行为 2019-11-29
  • 罗品禧的专栏作者中国国家地理网 2019-11-29
  • 市委把全国两会精神原汁原味传达到基层 2019-11-28
  • 西南铁路端午假期发送400余万人次 两人不文明乘车或受失信惩戒 2019-11-20
  • 四件汉白玉螭头回归圆明园 2019-11-20
  • 人的本质的演变规律:从原始母系氏族社会的公有者经过父系氏族社会私有和公有双重所有者而演变为私有制阶级社会的私有者,然后经过现代社会公有和私有双重所有者... 2019-11-06
  • 这样的帖子写主贴反驳,实在丢不起人! 2019-11-06
  • “道德瘾君子”侮辱了杨女士的善良 2019-10-30
  • 候选案例:“天使之心”儿童先心病救助项目 2019-10-23
  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 4场进球彩开奖结果今天 小学生如何使用电脑赚钱 江西时时彩app 江苏十一选五开奖时间 即时比分体球手机 天津快乐十分快三组合走势 2019年年初上证指数 极速飞艇玩法技巧 足彩任选9场奖金 老11选5