zoukankan      html  css  js  c++  java
  • 静态网页中的使得文字向上一直滚动,中间不间断。

    <!--下面是向上滚动代码-->

    <div id="colee" style="overflow: hidden; height: 340px; 100%; text-align:left;">

    <div id="colee1" style="padding-left: 20px; font-size:12px; color:#00469b">

                                                </div>

                                                <div id="colee2">

                                                </div>

                                            </div>

              <script type="text/javascript">

                                                var speed = 70;

                                                var colee2 = document.getElementById("colee2");

                                                var colee1 = document.getElementById("colee1");

                                                var colee = document.getElementById("colee");

                                                colee2.innerHTML = colee1.innerHTML; //克隆colee1为colee2

                                                function Marquee1() {

                                                    //当滚动至colee1与colee2交界时

                                                    if (colee2.offsetTop - colee.scrollTop <= 0) {

                                                        colee.scrollTop -= colee1.offsetHeight; //colee跳到最顶端

                                                    } else {

                                                        colee.scrollTop++

                                                    }

                                                }

                                                var MyMar1 = setInterval(Marquee1, speed)//设置定时器

    //鼠标移上时清除定时器达到滚动停止的目的

                                                colee.onmouseover = function() { clearInterval(MyMar1) }

                                                //鼠标移开时重设定时器

                                                colee.onmouseout = function() { MyMar1 = setInterval(Marquee1, speed) }     

                                            </script>

  • 相关阅读:
    Python网络爬虫四大选择器(正则表达式、BS4、Xpath、CSS)总结
    如何利用CSS选择器抓取京东网商品信息
    如何利用Xpath抓取京东网商品信息
    如何利用BeautifulSoup选择器抓取京东网商品信息
    利用Python正则表达式抓取京东网商品信息
    jacoco查看覆盖率
    Centos7.X 搭建Grafana+Jmeter+Influxdb 性能实时监控平台(不使用docker)
    记录工作中遇到的BUG,经典的数据库时区问题和字段类型tinyint(1)问题
    jmeter分布式压测
    Linux性能优化思路
  • 原文地址:https://www.cnblogs.com/leaflife/p/6735120.html
Copyright © 2011-2022 走看看