<div class="dggd_r" id="h" style="height:400px;overflow:hidden;display:inline;float:left;">
                <ul id="h1">
                    <li><a href="#">SD卡雷锋精神的路口附近?</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?真爱吗? </a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?? </a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?细节决定成败 </a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?</a></li>
                    <li><a href="#">你单身的主要原因?</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?? </a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近??</a></li>
                    <li><a href="#">SD卡雷锋精神的路口附近?</a></li>
                </ul>
                <ul id="h2"></ul>
            </div>
            <script type="text/javascript">
                var speed=40;
                var h2=document.getElementById("h2");
                var h1=document.getElementById("h1");
                var h=document.getElementById("h");
                h2.innerHTML=h1.innerHTML;
                function Marquee(){
                    if(h2.offsetTop-h.scrollTop<=0){
                        h.scrollTop-=h1.offsetHeight;
                    }                    
                    else{
                    h.scrollTop++;
                    }
                }
                var MyMar=setInterval(Marquee,speed);
                h.onmouseover=function() {clearInterval(MyMar)}
                h.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
        </script>

功能的实现只需这些代码即可 ,当然如果不行,就是div的高度有问题。

js实现文字字幕滚动的更多相关文章

  1. js实现文字上下滚动效果

    大家都知道,做html页面时,为了提升网页的用户体验,我们需要在网页中加入一些特效,比如单行区域文字上下滚动就是经常用到的特效.如下图示效果: <html> <head> &l ...

  2. js 实现文字列表滚动效果

    今天要实现抽奖名单在首页滚动展示的效果,就用js写了一个,代码如下: html代码: <style type="text/css"> *{margin:;padding ...

  3. js标题文字向上滚动

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

  4. js实现文字横向滚动

    页面布局      <div id="scroll_div" class="fl">         <div id="scroll ...

  5. js实现文字上下滚动

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 利用js来实现文字的滚动(也就是我们常常见到的新闻版块中的公示公告)

    首先先看一下大致效果图(因为是动态的,在页面无法显示出来) 具体的实现代码如下: 1.首先是css代码: <style type="text/css"> body,ul ...

  7. js文字向上滚动代码

    js文字向上滚动代码 <style>.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; ...

  8. js 实现文字滚动功能,可更改配置参数 带完整版解析代码。

    前言:         本人纯小白一个,有很多地方理解的没有各位大牛那么透彻,如有错误,请各位大牛指出斧正!小弟感激不尽.         本篇文章为您分析一下原生JS写文字滚动效果 需求分析: 需要 ...

  9. jQuery实现公告文字左右滚动

    jQuery实现公告文字左右滚动的代码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

随机推荐

  1. springmvc对请求执行流程

    doService-->getHandlerMapping-->handlerMapping-->getHandler-->HandlerExecutionChain--> ...

  2. [Java] Collections的简单运用

    package test.collections; import java.util.ArrayList; import java.util.Collection; import java.util. ...

  3. JAVA中复写equals方法

    在JAVA中“==”用于比较两个引用对象的地址是否相同.但是如果我们想比较两个对象的内容是否相同,通常会覆写equals方法.equals方法用来比较两个对象的内容是否相等. package org. ...

  4. Eclipse 常用设置

    1. eclipse中的汉字横着显示怎么解决 同一种字体有两种显示方式,比如Fixedsys Excelsior 3.01和@Fixedsys Excelsior 3.01,前一种汉字是竖着显示,后一 ...

  5. POJ 3422 Kaka's Matrix Travels 【最小费用最大流】

    题意: 卡卡有一个矩阵,从左上角走到右下角,卡卡每次只能向右或者向下.矩阵里边都是不超过1000的正整数,卡卡走过的元素会变成0,问卡卡可以走k次,问卡卡最多能积累多少和. 思路: 最小费用最大流的题 ...

  6. nyoj 93 汉诺塔(三)

    点击打开链接 汉诺塔(三) 时间限制:3000 ms  |  内存限制:65535 KB 难度:3 描述 在印度,有这么一个古老的传说:在世界中心贝拿勒斯(在印度北部)的圣庙里,一块黄铜板上插着三根宝 ...

  7. 303. Range Sum Query - Immutable

    Given an integer array nums, find the sum of the elements between indices i and j (i ≤ j), inclusive ...

  8. (转)C#调用非托管Win 32 DLL

    转载学习收藏,原文地址http://www.cnblogs.com/mywebname/articles/2291876.html 背景 在项目过程中,有时候你需要调用非C#编写的DLL文件,尤其在使 ...

  9. 模拟一下goldengate中断后,重新同步操作

    模拟一下goldengata中断后,重新同步操作:     1.关掉源端抽取进程 GGSCI (20081122-2105) 15> info all Program     Status    ...

  10. Oracle 删除数据后释放数据文件所占磁盘空间

    测试的时候向数据库中插入了大量的数据,测试完成后删除了测试用户以及其全部数据,但是数据文件却没有缩小.经查阅资料之后发现这是 Oracle “高水位”所致,那么怎么把这些数据文件的大小降下来呢?解决办 ...