js文字向上滚动代码

<style>
.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; padding-bottom:2px; margin:0 auto;}
.pczt_pingfen_jhxs_xian{ width:382px;  margin:0 auto; border:1px dashed #a8d1dd; border-left:none; border-right:none;}
.pczt_pingfen_jhxs_noxian{ width:382px;  margin:0 auto; border:none;}
.pczt_pingfen_jhxs_wenzi{color:#185881; text-align:center; line-height:30px;}
.pczt_pingfen_jhxs_wenzi2{line-height:22px; font-size:12px; text-indent:2em; color:#525252;}
</style>
<div
id="demo" onmouseover="clearInterval(timer)"
onmouseout="timer=setInterval(mar,30)" style="overflow:hidden;
height:225px; width:100%;">
<div id="demo1" style="height:100%;" >
                       <div class="pczt_pingfen_jhxs_news1" >
                        <div class="pczt_pingfen_jhxs_xian">
                            <h4 class="pczt_pingfen_jhxs_wenzi">CGWR 《武林至尊》游戏评测</h4>
                            <p class="pczt_pingfen_jhxs_wenzi2">《武林至尊》没有依照任何名著来搭建自己的世界观,而是通过
设计员自己的脑子,想出了一个完美的剧情。虽比不了仙剑奇侠
传的剧情经典,但也堪称引人入胜。再加上独有的部分特色,所
以吸引了众多武侠迷进入了游戏。</p>
                        </div>
                    </div>
                    <div class="pczt_pingfen_jhxs_noxian">
                      <h4 class="pczt_pingfen_jhxs_wenzi">17173《武林至尊》试玩视频</h4>
                      <p class="pczt_pingfen_jhxs_wenzi2">《武林至尊》是一款华丽3D锁视角武侠网游巅峰巨作,真实再现
了万千华人梦想中的武侠世界。它秉承纯正的中国武侠文化,彻
底摒弃传统网游的职业概念,无职业限制,技能完全自由搭配,</p>
                    </div>
          <div id="demo2"></div>
          </div>
            </div>
<script>
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight;
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------
<div class="s-column4">
            <h3>今日成功预约</h3>
        <div id="demo" style="overflow:hidden;height:350px;width:320px;margin-top: 20px;">
            <div id="demo1">
                <ul>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">胡小姐&nbsp;&nbsp;&nbsp;&nbsp;面部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;5分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">李小姐&nbsp;&nbsp;&nbsp;&nbsp;颈部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;8分钟前</a></li>
   
                <li><a href="/wz.html"  target="_blank"
rel="nofollow">陈先生&nbsp;&nbsp;&nbsp;&nbsp;手部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;9分钟前</a></li>
   
                <li><a href="/wz.html"  target="_blank"
rel="nofollow">郑小姐&nbsp;&nbsp;&nbsp;&nbsp;脚部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;11分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">廖小姐&nbsp;&nbsp;&nbsp;&nbsp;胸部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;13分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">张小姐&nbsp;&nbsp;&nbsp;&nbsp;面部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;16分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">冯先生&nbsp;&nbsp;&nbsp;&nbsp;颈部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;25分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">曾先生&nbsp;&nbsp;&nbsp;&nbsp;手部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;30分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">黄小姐&nbsp;&nbsp;&nbsp;&nbsp;脚部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;30分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">于小姐&nbsp;&nbsp;&nbsp;&nbsp;背部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;45分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">赵小姐&nbsp;&nbsp;&nbsp;&nbsp;面部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;52分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">董先生&nbsp;&nbsp;&nbsp;&nbsp;颈部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">刘小姐&nbsp;&nbsp;&nbsp;&nbsp;脚部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">李先生&nbsp;&nbsp;&nbsp;&nbsp;背部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">黄小姐&nbsp;&nbsp;&nbsp;&nbsp;面部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;1小时前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">胡小姐&nbsp;&nbsp;&nbsp;&nbsp;面部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;5分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">李小姐&nbsp;&nbsp;&nbsp;&nbsp;颈部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;8分钟前</a></li>
   
                <li><a href="/wz.html" target="_blank"
rel="nofollow">陈先生&nbsp;&nbsp;&nbsp;&nbsp;手部白癜风&
nbsp;&nbsp;&nbsp;&nbsp;预约成
功&nbsp;&nbsp;&nbsp;&nbsp;9分钟前</a></li>
                   
                   
                </ul>
            </div>
            <div id="demo2"></div>
        </div>
            <!--<script>
             var speed=100;
             demo2.innerHTML=demo1.innerHTML
             function Marquee2(){
             if(demo2.offsetTop-demo.scrollTop<=0)
             demo.scrollTop-=demo1.offsetHeight
             
             else{
             demo.scrollTop++
             }
             }
             var MyMar=setInterval(Marquee2,speed)
             demo.onmouseover=function() {clearInterval(MyMar)}
             demo.onmouseout=function() {MyMar=setInterval(Marquee2,speed)}
            </script>-->
    </div>

<script>
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight+"250px";
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>

js文字向上滚动代码的更多相关文章

  1. js文字上下滚动代码

    <div id="dome"> <div id="dome1"> <ul class="express"> ...

  2. jquery 文字向上滚动+CSS伪类before和after的应用

    汇总常用技巧——CSS伪类before和after的应用 先上效果图,建议遵循有图有真相的原则,可以上图的地方,还望不要嫌麻烦,毕竟有图的话 可以让读者少花些时间! <!DOCTYPE html ...

  3. js图片无缝滚动代码

    想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一 ...

  4. js标题文字向上滚动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...

  5. js实现向上滚动效果

    源码: <style type="text/css"> #up_zzjs{border:1px solid #ccc;width:170px;height:182px; ...

  6. html js文字左右滚动插件

    自己写过很多插件,但都是直接嵌入在了工程里,从来没有拿出来单独封装成一个文件过,这是第一次,希望是一个良好的开端. 一个文字过长而可以左右滚动的插件 <!DOCTYPE html> < ...

  7. 纯Js ——文字上下左右滚动

    ScrollBaseJs.js var $$ = function (id) { return typeof id == 'string' ? document.getElementById(id) ...

  8. vue文字向上滚动

    <template> <vue-seamless-scroll :data="listData" :class-option="optionHover& ...

  9. js文字无缝滚动

    <div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1&g ...

随机推荐

  1. [转]让程序在崩溃时体面的退出之Unhandled Exception

    原文地址:http://blog.csdn.net/starlee/article/details/6613424 程序是由代码编译出来的,而代码是由人写的.人非圣贤,孰能无过.所以由人写的代码有缺陷 ...

  2. Spring IOC配置与应用

    1.     FAQ:不给提示: a)     window – preferences – myeclipse – xml – xml catalog b)     User Specified E ...

  3. [置顶] [MATLAB技术贴]漫谈MATLAB矩阵转置

    矩阵转置是matlab最基本的操作了,但这个基本操作,也是很多初学者容易出现问题的地方.本帖通过几个实例演示matlab矩阵转置的操作. 方法一:'  运算符与  .'  运算符 >>a ...

  4. linux —— shell 编程(文本处理)

    导读 本文为博文linux —— shell 编程(整体框架与基础笔记)的第4小点的拓展.(本文所有语句的测试均在 Ubuntu 16.04 LTS 上进行) 目录 基本文本处理 流编辑器sed aw ...

  5. (二)windows下安装PHPCMS V9

    一.准备工作 搭建环境 :参考:Windows下搭建PHP开发环境及相关注意事项 PHPCMS V9 :下载适合自己 PHPCMS V9 版本到本地或服务器,下载地址:http://www.phpcm ...

  6. 基于JAX-WS的Web Service服务端/客户端 ;JAX-WS + Spring 开发webservice

    一.基于JAX-WS的Web Service服务端/客户端 下面描述的是在main函数中使用JAX-WS的Web Service的方法,不是在web工程里访问,在web工程里访问,参加第二节. JAX ...

  7. (配置)CKEditor+CKFinder+php上传配置,根据年月命名创建文件夹来存放

    CKEditor+CKFinder+php上传配置 新版本的CKEditor只提供了基本的文本编辑功能,上传模块由另一个组件CKFinder.这里主要记录CKFinder上传的一些参数配置,能够成功上 ...

  8. XtraReport交叉表自适应行高及最佳列宽

    1.自适应行头的行高,绑定CustomRowHeight事件,代码如下: private Graphics gr = Graphics.FromHwnd(IntPtr.Zero); private v ...

  9. 开始lisp的旅程

    不知道是不是<黑客与画家>的老pual太能忽悠了,一直想把他吹捧的lisp学习一下. 看common lisp和On lisp两本书也有一段时间了,中间还夹着看了一点SICP和land o ...

  10. Thread和Runnable差别

    继承Thread类的,我们相当于拿出三件事即三个卖票10张的任务分别分给三个窗体,他们各做各的事各卖各的票各完毕各的任务.由于MyThread继承Thread类.所以在new MyThread的时候在 ...