您的位置 首页 网站建设

连续向上滚动代码(不间断连续滚动)

        <script language="javascript"> 
        var speed=100;//速度数值越大速度越慢
        var mbox2=document.getElementById("mbox2");
        var mbox1=document.getElementById("mbox1");
        var mbox=document.getElementById("mbox");
        mbox2.innerHTML=mbox1.innerHTML;
        var fx=0;
        var icount=1;
        var MyMar4
        function setFx(vle)
        {
            fx=vle;
            icount=1
            MyMar4=setInterval(Marquee,speed);
            //alert(vle);
        }
        function Marquee()
        {
            if(fx==0)
            {
                Marquee3();
            }
            else
            {
                Marquee4();
            }
        }
        function Marquee3(){
        if(mbox2.offsetWidth-mbox.scrollTop<=0)//offsetWidth 是对象的可见宽度
        mbox.scrollTop-=mbox1.offsetWidth//scrollWidth 是对象的实际内容的宽,不包边线宽度
        else{
        mbox.scrollTop++;
        }       
        }
        function Marquee4(){
        if(mbox.scrollTop>=0)
        mbox.scrollTop--;
        }
  var MyMar4=setInterval(Marquee,speed);
        mbox.onmouseover=function() {clearInterval(MyMar4)};
        mbox.onmouseout=function() {MyMar4=setInterval(Marquee,speed)};
        </script>

网页中引用

<div id="mbox" style="overflow:hidden;height:210px;">
<div id="mbox1">

XXXXXX(要滚动的内容代码)

<div id="mbox2"></div>
</div>
<script language="javascript">...........</script>

免责声明:本文由静落凝封整理发布,版权归原作者所有,转载请注明出处,如有侵权请联系管理员删除

热门文章

什么是GEO?如何进行GEO优化?GEO优化有哪些方法?

什么是GEO?如何进行GEO优化?GEO优化有哪些方法?

GEO(Generative Engine Optimization)是针对生成式人工智能引擎(如ChatGPT、DeepSeek、豆包等AI问答工具)的优化技术体系,旨在通过技术适配与内容重构,提升品牌或产品在AI生成答案中的...

Linux中升级更新命令yum update和yum upgrade的区别

Linux中升级更新命令yum update和yum upgrade的区别

Linux中升级更新命令yum update和yum upgrade的区别,yum -y update:升级所有包同时也升级软件和系统内核;yum -y upgrade:只升级所有包,不升级软件和系统内核。...

网页中文简体繁体转换JS代码

网页中文简体繁体转换JS代码

要在网页上实现中文简体和繁体之间的转换,可以使用JavaScript库,以下是我在网络上收集整理的网页中文简体繁体转换JS代码,供收藏,以备用。代码有点多,就不直接贴代码了,自行下载测试哈...

通过脚本文件自动更新Linux实例中的软件源

通过脚本文件自动更新Linux实例中的软件源

本文主要介绍通过脚本文件更新Linux实例中的软件源的方法。如果您对实例或数据有修改、变更等风险操作,务必注意实例的容灾、容错能力,确保数据安全。如果您对实例等进行配置与数据修改,建...

在CentOS系统的ECS实例中配置OpenVPN

在CentOS系统的ECS实例中配置OpenVPN

在安装OpenVPN服务前,请确保完成如下准备工作。请参考如下文档,将YUM源更新为阿里云的YUM源。如何通过工具自动更新Linux实例中的软件源。依次执行如下命令,安装依赖的软件包。yum instal...