zoukankan      html  css  js  c++  java
  • JS类小功能

    工作中,总是要处理一些前端的小功能。都是网上搜的JS脚本

    <script>
        //防止页面后退 
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
        });
    </script>

    判断是否微信浏览器,相应显示与隐藏html元素

    <script type="text/javascript">
        function is_weixn(){
            var ua = navigator.userAgent.toLowerCase();
            if(ua.match(/MicroMessenger/i)!="micromessenger") {
                var box=document.getElementById("notify"); //div or span 
                var box2=document.getElementById("submit"); //<input id="submit" type="submit" value="提 交"> 
                box.style.display="inline";
                box2.style.display="none";
            } else {
                return false;
            }
        }
    </script>
    <body onload="is_weixn()">

    定时滚动的文本框:

    <script type="text/javascript">
    function startmarquee(lh,speed,delay,index){ 
        var t; 
        var p=false; 
        var o=document.getElementById("marqueebox"+index); 
        o.innerHTML+=o.innerHTML; 
        o.onmouseover=function(){p=true} 
        o.onmouseout=function(){p=false} 
        o.scrollTop = 0; 
        function start(){ 
            t=setInterval(scrolling,speed); 
            if(!p){ o.scrollTop += 1;} 
        } 
        function scrolling(){ 
            if(o.scrollTop%lh!=0){ 
                o.scrollTop += 1; 
                if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0; 
            }else{ 
                clearInterval(t); 
                setTimeout(start,delay); 
            } 
        } 
        setTimeout(start,delay); 
    } 
    startmarquee(72,20,5000,0); 
    </script>
    <!-- html 部分-->
    <div class="box" id="marqueebox0"> 
    <div id="safetxt">...</div>
    <div id="safetxt2">...</div>
    </div>
  • 相关阅读:
    在 Docker 搭建 Maven 私有库
    Maven:mirror和repository 区别
    ubuntu DEBIAN_FRONTEND环境变量用法
    Redis常见面试题
    Error:(1, 1) java: 非法字符: ‘ufeff’
    jpa 查询方法和sql查询语句对应关系
    net.sf.json.JSONObject对时间戳的格式化处理
    美团Leaf——全局序列生成器
    Logstash
    Kafka和SpringBoot
  • 原文地址:https://www.cnblogs.com/frx9527/p/webfront.html
Copyright © 2011-2022 走看看