JS实现闪动的title消息提醒效果

2017年02月06日 12 阅读

有时候我们需要提醒用户，有新的消息，这个可以使用下面的方法实现。效果就是网页窗口在没有获取焦点并且最小化的时候，网页窗口的标题栏“title”显示的内容为“【 】”，“【新消息】”的闪烁效果。<script language="JavaScript"> setTimeout（"flash_title（）",2000）; //2秒之后调用一次function flash_title（） { //当窗口效果为最小化，或者没焦点状态下才闪动if（is...

js常用数组操作方法简明总结

2017年02月06日 13 阅读

//javascript 中的数组分割var colors = ["red","green","blue"];//alert（colors.toString（））;alert（colors.join（"|"））; //返回结果是red|green|bluevar colors = ["red","green","blue",null];alert（colors.join（"|"））;//red|green|blue|//注意当数组里面有值是null或者是u...

javascript实现十六进制颜色值（HEX）和RGB格式相互转换

2017年02月06日 13 阅读

在日常开发中，经常会用到不同格式的颜色域值之间的相互转换，以下给出一种解决方法。复制代码 代码如下://十六进制颜色值的正则表达式var reg = /^#（[0-9a-fA-f]{3}|[0-9a-fA-f]{6}）$/;/*RGB颜色转换为16进制*/String.prototype.colorHex = function（）{ var that = this; if（/^（rgb|RGB）/.test（that））{ var aColor = tha...

SuperSlide2实现图片滚动特效

2017年02月06日 12 阅读

这里贴一下自己演示的代码，期望对使用的朋友所有启发，我这里是结合了两个例子实现的.focus-item ul li.item{text-align: center;}.scroll-area .prev,.scroll-area .next{position: absolute;bottom: 590px;width: 29px;height: 64px;opacity: 0.6;overflow: hidden;display: none;text-in...

Node.js实现简单聊天服务器

2017年02月06日 15 阅读

使用Nodejs是如此简单的实现了一个简单的聊天服务器实现代码如下：var net = require（"net"）; var chatServer = net.createServer（）,clientList = []; chatServer.on（"connection",function（client）{client.name = client.remoteAddress + ":" + client.remotePort;client.write...

jQuery.lazyload+masonry改良图片瀑布流代码

2017年02月06日 13 阅读

实现方法如下：（这里只发jquery了，相关html代码请各位自己脑补一下吧，我就不发了，哈哈）/** * 自动刷新 * @type {*|jQuery|HTMLElement} */var $container = $（"#main"）;$container.imagesLoaded（ function（）{$container.masonry（{itemSelector : ".item",columnWidth:205,gutterWidth:10,...

Nodejs中自定义事件实例

2017年02月06日 13 阅读

其实就是继承events的EventEmitter就可以了，然后就可以通过on去注册事件；emit去触发事件，removeListener去移除事件，简单例子如下：var util = require（"util"）;var Et = require（"events"）.EventEmitter;function Ticker（） {var self = this;setInterval（function（）{self.emit（"tick"）},1000...

教你如何自定义百度分享插件以及bshare分享插件的分享按钮

2017年02月06日 12 阅读

百度分享插件<style>.userStyle{width:100%;height:30px;display:block;}.userStyle span.bds_more{background:url（"/wap/images/rfhui1.jpg"） no-repeat scroll 0 5px rgba（0, 0, 0, 0） ！important;}</style><div class="userStyle">&...

Blocksit插件实现瀑布流数据无限（ 异步）加载

2017年02月06日 13 阅读

html代码：<div style="width:1000px; overflow:hidden; margin:0 auto"><div class="kppcl" style="width:1008px; position:relative" id="kppcl"> <div class="kppcld"><div class="kppcld_t"><div class="kpic"><...

Javascript 实现复制（Copy）动作方法大全

2017年02月06日 14 阅读

一、实现点击按钮，复制文本框中的的内容<script type="text/javascript">function copyUrl2（）{var Url2=document.getElementById（"biao1"）;Url2.select（）; // 选择对象document.execCommand（"Copy"）; // 执行浏览器复制命令alert（"已复制好，可贴粘。"）;}</script><textarea ...

js处理php输出时间戳对不上号的解决方法

2017年02月06日 13 阅读

由PHP传入JS处理的时间戳我说怎么老是对不上号呢，原来JS时间戳为13位，包含3位毫秒的，而PHP只有10位不包含毫秒的。var nowtime = （new Date）.getTime（）;/*当前时间戳*/ /*转换时间，计算差值*/ function comptime（beginTime,endTime）{ var secondNum = parseInt（（endTime-beginTime*1000）/1000）;//计算时间戳差值 if（se...

使用原生js实现页面蒙灰（mask）效果示例代码

2017年02月06日 12 阅读

对于web应用开发者，当用户进行界面浏览时如果后台程序处理程序时间较长，那么用户在网页的等待时间会较长，但是如果页面上没有一个比较友好的提示方式（增加蒙灰效果），那么用户体验会不是特别良好，用户不知道现在是不是应该点击别的程序，用户并不知道是不是应该继续等待网页，还是可以点击别的页面。现在就有一个比较良好的交互，就是增加蒙灰效果。像js的框架Extjs的mask（）和unmask（）功能提供了蒙灰效果，当然jquery也提供了这种蒙灰方法。在此作者希望自己...

Js实现手机发送验证码时按钮延迟操作

2017年02月06日 13 阅读

实例代码记录：<script type="text/javascript">function start_sms_button（obj）{var count = 1 ;var sum = 30;var i = setInterval（function（）{if（count > 10）{obj.attr（"disabled",false）;obj.val（"发送验证码"）;clearInterval（i）;}else{obj.val（"剩余...

JSON.parse（）和JSON.stringify（）使用介绍

2017年02月06日 13 阅读

parse用于从一个字符串中解析出json对象,如var str = "{"name":"huangxiaojian","age":"23"}"结果：JSON.parse（str）Objectage: "23"name: "huangxiaojian"__proto__: Object注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。stringify（）用于从一个对象解析出字符串，如var a = {a:1,b:2}结果：JSON.str...

Window.Open如何在同一个标签页打开

2017年02月06日 13 阅读

如果有Ajax，那么设置async:false,//使AJax同步var countdownInterval; /*确认立即充值*/ function ToRecharge（）{ var paramData = new Object（）; paramData.PayType = 1;//支付宝支付 paramData.OrderMoney = parseFloat（$（"#spShouldPay"）.text（））;//支付总金额 var gprsTel ...

JQuery插件iScroll实现下拉刷新，滚动翻页特效

2017年02月06日 14 阅读

JQuery插件：iScroll页面布局：<div id="wrapper"><div id="scroller"> <div id="pullDown"><span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span> </div> <ul id="thelist"&...

javascript轻量级模板引擎juicer使用指南

2017年02月06日 13 阅读

使用方法编译模板并根据数据立即渲染出结果juicer（tpl, data）;仅编译模板暂不渲染，返回一个可重用的编译后的函数 var compiled_tpl = juicer（tpl）;根据给定的数据对之前编译好的模板进行渲染 var complied_tpl = juicer（tpl）; var html = complied_tpl.render（data）;注册/注销自定义函数（对象）juicer.register（‘function_name",...

extjs_02_grid显示本地数据、显示跨域数据

2017年02月06日 13 阅读

1.显示表格http://img.blog.csdn.net/20140622133941015?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYWRhbV93enM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast<%@ page language="java" import="java.util...

一个判断抢购时间是否到达的简单的js函数

2017年02月06日 15 阅读

原型函数，功能很简单，找到时钟的id，计算数值，到达抢购时间时执行任务。function nwt（） {var str=$（"#deal_expiry_timer_e3cdcd2a"）.text（）; var out=str.match（/d+/g）;console.log（out）; var h=parseInt（out[0]）,m=parseInt（out[1]）,s=parseInt（out[2]）; console.log（h+"#"+m+"#"+...

JavaScript获取某年某月的最后一天附截图

2017年02月06日 14 阅读

1、实现源码<！DOCTYPE html> <！-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <h...