工作中，总是要处理一些前端的小功能。都是网上搜的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>

JS类小功能的更多相关文章

  1. js实现小功能 动态赋值

  2. js/jq 小功能函数

    1.点击复制内容到剪贴板 function copyToClip(str) { var save = function(e) { e.clipboardData.setData('text/plain ...

  3. js小功能整理

    /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...

  4. js小功能记录

    个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [ ...

  5. js模仿微信语音播放的小功能

    自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,,  代码如下: <!DOCTYPE html> <html lang="en&qu ...

  6. 网站开发---js与java实现的一些小功能

    记录一下网站开发过程中的一些小功能 1.js获取当前年份: <span>Copyright © 2017-<script>document.write( new Date(). ...

  7. C#设计模式总结 C#设计模式(22)——访问者模式（Vistor Pattern） C#设计模式总结 .NET Core launch.json 简介 利用Bootstrap Paginator插件和knockout.js完成分页功能 图片在线裁剪和图片上传总结 循序渐进学.Net Core Web Api开发系列【2】：利用Swagger调试WebApi

    C#设计模式总结 一. 设计原则 使用设计模式的根本原因是适应变化,提高代码复用率,使软件更具有可维护性和可扩展性.并且,在进行设计的时候,也需要遵循以下几个原则:单一职责原则.开放封闭原则.里氏代替 ...

  8. 自己手写的自动完成js类

    在web开发中,为了提高用户体验,会经常用到输入框的自动完成功能,不仅帮助用户进行快速输入,最重要的是帮助那些“记不全要输入什么”的用户进行选择.这个功能有很多插件已经实现了,为了适应项目的特殊需求, ...

  9. Servlet的5种方式实现表单提交（注册小功能），后台获取表单数据

    用servlet实现一个注册的小功能 ,后台获取数据. 注册页面: 注册页面代码 : <!DOCTYPE html> <html> <head> <meta ...

随机推荐

  1. Linux基础命令---lpr打印文件

    lpr lpr指令用来打印文件,如果没有指定文件名,那么从标准输入读取内容.CUPS提供了许多设置默认目标的方法.首先查询“LPDEST”和“PRINTER”环境变量.如果没有设置,则使用lpopti ...

  2. qrCode二维码字符串长度太多压缩的问题

    昨天整微信的扫码支付时,用qrcode生成二维码,结果字符串太长而失败.今天发现利用pako压缩,可扫描后显示乱码,特记录一下. palo插件地址:https://github.com/nodeca/ ...

  3. Mybaties 实现批量修改

    通常我们在做批量更新的时候都会用in 去操作,但in的数据量一上来,就变的缓慢了 修改方案: <update id="updateShufflingSeq" paramete ...

  4. 剑指offer（2）替换空格

    题目描述 请实现一个函数,将一个字符串中的空格替换成“%20”.例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy. 题目分析 我们如果要替换空格,两步 ...

  5. 运行软件出现：模块“msvcp110.dll”已加载，但找不到入口点DllRegister

    根据百度大多数回答来说 1:先是出现   无法启动程序,因为计算机丢失mfc110.dll 尝试重新安装该程序以解决问题 错误处理:下载或者在别人电脑上拷一份 如:'msvcp110.dll‘ 这类文 ...

  6. P3649 [APIO2014]回文串

    思路 回文自动机 回文自动机的fail[i]就是编号为i的这个字符串的最长的回文后缀的编号,然后len[i]表示编号为i的回文串的长度,cnt[i]表示编号为i的回文串的出现次数 然后trans边就是 ...

  7. MapReduce编程：词频统计

    首先在项目的src文件中需要加入以下文件,log4j的内容为: log4j.rootLogger=INFO, stdout log4j.appender.stdout=org.apache.log4j ...

  8. TestMap

    public class TestMap { public static void main(String[] args) { Map map=new HashMap(); //在此映射中关联指定值与 ...

  9. CSS之user-select——设置标签中的文字是否可被复制

    详细介绍请参考 http://www.css88.com/book/css/properties/user-interface/user-select.htm CSS样式 user-select:no ...

  10. linux存储管理之交换分区

    交换分区管理 Swap ====================================================================================作用: ...