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

    一. Spring不能通过注解向Servlet中注入实例的原理 想了解此问题的原理,就要了解tomcat启动后 servlet和spring的加载顺讯. 1.  tomcat启动后先加载web.xml ...

  2. CentOS 6.5系统中安装配置MySQL数据库

    就像Windows server 2003,2008中一般安装的是Sql Server 数据库,在linux系统中一般安装的是mysql数据库,而且Mysql数据库的第一个版本就是发行在Linux系统 ...

  3. Odd Gnome【枚举】

    问题 I: Odd Gnome 时间限制: 1 Sec  内存限制: 128 MB 提交: 234  解决: 144 [提交] [状态] [命题人:admin] 题目描述 According to t ...

  4. Java使用Socket进行通信

    什么是Socket 网络上的两个程序通过一个双向的通信连接实现数据的交换,这个连接的一端称为一个socket.通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄,可以 ...

  5. npm 是干什么的

    网上的 npm 教程主要都在讲怎么安装.配置和使用 npm,却不告诉新人「为什么要使用 npm」.今天我就来讲讲这个话题. 本文目标读者是「不太了解 npm 的新人」,大神您别看了,不然又说我啰嗦了 ...

  6. collections.deque

    d = collections.deque([])  # 创建双端队列d.append('a') # 在最右边添加一个元素,此时 d=deque('a')d.appendleft('b') # 在最左 ...

  7. Attempting to use uninitialized value

    ckpt = tf.train.get_checkpoint_state(FLAGS.model) if ckpt: saver.restore(sess, tf.train.latest_check ...

  8. HTML table导出到Excel中的解决办法

    第一部分:html+js 1.需要使用的表格数据(先不考虑动态生成的table) <table class="table tableStyles" id="tabl ...

  9. struct放入list中按照某字段排序

    //管线字段信息 public struct FieldInfo { public int iID; //编号 public string sFieldName; //字段名 public strin ...

  10. 八大排序算法——选择排序（动图演示 思路分析 实例代码Java 复杂度分析）

    一.动图演示 二.思路分析 1.  第一个跟后面的所有数相比,如果小于(或小于)第一个数的时候,暂存较小数的下标,第一趟结束后,将第一个数,与暂存的那个最小数进行交换,第一个数就是最小(或最大的数) ...