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. java ee eclipse 配置 ssh框架

    mvnDebug tomcat:run 这条命令主要用来远程测试,它会监听远程测试用的8000端口,在eclipse里打开远程测试后,它就会跑起来了,设断点,调试,一切都是这么简单. 0.如果是mav ...

  2. 长沙Uber优步司机奖励政策(1月18日~1月24日)

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  3. 关于数据库一致改关闭下redo日志文件丢失的处理办法的总结

    数据库一致性关闭下redo日志文件丢失的处理办法(归档和非归档都行) 1. inactive log  在一致性关闭后删除重启时可以在mount下(不丢失数据) alter database clea ...

  4. android的生命周期

    1.运行状态:当一个活动处于栈的顶部时,这时活动就处于活动状态,系统是不愿意回收处于活动状态的,会影响用户体验. 2.暂停状态:当一个活动不再处于栈的顶部时,但仍然可见时,这时就是暂停状态了.处于暂停 ...

  5. 关于PHP程序使用file_get_content()函数进行抓取PHP程序与smarty结合编译过程中产生的静态文件,抓取不了?连接超时?(地址映射)

    问题: 当file_get_content()函数的参数  url中是localhost时不能抓取,是127.0.0.1时可以抓取到静态html代码.实现页面静态化技术提高访问效率. test.php ...

  6. MyEclipse_6.0.1GA_E3.3.1集成版下载地址

    因在开发中经常使用到myeclipse 对比相关版本,还是觉得6.0 –6.5 比较适合开发,其他的开发起来比较卡,下面是下载地址 MyEclipse_6.0.1GA_E3.3.1集成版下载地址:   ...

  7. Charles --- Mac 抓包工具

    安装 官方网站Charles 是一款收费软件,可以免费体验30天.网上有破解版. 使用 infoq 上有一篇很棒的教程:iOS开发工具——网络封包分析工具Charles 注意事项 这是我使用过程中遇到 ...

  8. xslt语法之---If Else

    大家都知道,XSL中是没有if else的,那么要想实现if else该怎么办呢? 其实很简单 <xsl:choose> <xsl:when test="position( ...

  9. Java基础知识强化之集合框架笔记46:Set集合之TreeSet存储自定义对象并遍历练习2(自然排序:Comparable)

    1. TreeSet存储自定义对象并遍历练习2: (1)Student.java package cn.itcast_06; /* * 如果一个类的元素要想能够进行自然排序,就必须实现自然排序接口 * ...

  10. Android进阶笔记03:Android应用中实现查看"附近的人"的功能

    1. 要实现" 附近的人" 这功能,然后就研究了下: (1)首先要做的就是要获取到自己当前位置的经纬度(编程获取手机GPS定位模块的信息,进而获取自己当前位置的经纬度) (2)然后 ...