基于jquery的bankInput银行卡账号格式化

2016年07月27日 5 阅读

jquery bankInput插件是银行卡进行格式化显示，能控制文本框输入最小最大个数、控制只能输入数字、控制不能粘贴不能使用输入法。同时插件能实现自动加载格式化显示和支持非输入框的格式话显示。复制代码 代码如下: <script type="text/javascript" src="__JS__/jquery.bankInput.js"></script> <script>$（".account"）.bankInp...

jquery动画1.加载指示器

2016年07月27日 5 阅读

该系列文章是我阅读《jQuery 1.4 Animation Techniques》后的总结，有兴趣的朋友可以去看原版书籍。 动画效果对于丰富网站的交互体验起到了不可或缺的作用，他可以让你的站点更酷，更吸引人。 什么时候使用动画： 1.当显示或隐藏页面、弹出框或内容区域的时候； 2.当一些内容从页面的一个地方移动到其他地方的时候； 3.当页面中的一些内容，应用户的操作而产生状态改变的时候； 4.当一些内容在几种状态间转变的时候； 5...

jquery动画2.元素坐标动画效果（创建一个图片走廊）

2016年07月27日 5 阅读

效果预览图片： 大家可以下载demo看完整效果，下面介绍制作过程。 1.首先创建一个html页面，html结构如下： 复制代码 代码如下: <div id="slider"> <div id="viewer"> <img id="image1" src="img/amstrad.jpg" alt="Amstrad CPC 472" /> <img id="image2" src="img/atari.jpg" ...

jquery动画3.创建一个带遮罩效果的图片走廊

2016年07月27日 6 阅读

复制代码 代码如下: #frame { position: relative; width: 700px; height: 400px; overflow: hidden; z-index: 0; } #frame img { width: 700px; height: 400px; position: absolute; top: 0; left: 0; z-index: 1; } #frame img.visible { z-index: 2; } #...

jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果

2016年07月27日 5 阅读

主要的变化点有：把‘下一条"、‘上一条"的click事件抽象到一个函数showNext中。添加setInterval，添加selector元素的hover事件。好了，我们一个个的看。 showNext函数： 复制代码 代码如下: //显示函数 function showNext（flag） { //隐藏导航 $（config.selector）.find（"a"）.css（"display", "none"）; //创建遮罩 $.tranzify.crea...

javascript数字格式化通用类 accounting.js使用

2016年07月27日 7 阅读

代码内容及下载地址 accounting.js代码如下： 复制代码 代码如下: /*！ * accounting.js v0.3.2 * Copyright 2011, Joss Crowcroft * * Freely distributable under the MIT license. * Portions of accounting.js are inspired or borrowed from underscore.js * * Full d...

Jquery 数据选择插件Pickerbox使用介绍

2016年07月27日 5 阅读

该插件就是为此而生,所以就写了一个. 不过目前并不支持IE6浏览器. 希望大家能多多指教. :） pickerbox 1.0 介绍 pickerbox简称采摘盒子,是基于Jquery的插件,同时也依赖了Ztree3.2,Easyui1.26,及AsyncBox1.4.5.主要为了解决选择多条件的数据. -封装主要插件复杂的使用,关心主要的常用使用. -支持树,导航导向呈现数据. -支持跨iframe获取数据. -灵活支持记录数据. -提供重要事件回调. -...

Javascript获取标签ID改变style属性的代码

2016年07月27日 5 阅读

实例JavaScript代码 下面的这段代码中，我们通过select元素的name属性来设置具体要访问style的哪个属性（本例中为背景色），这样，这个函数就可以用来设置不同的CSS属性了。 复制代码 代码如下: <script type="text/javascript"> var d = document.getElementById（"d"）; function setProperty（）{ var set = docum...

javascript 判断中文字符长度的函数代码

2016年07月27日 5 阅读

JS的字符串都是string对象，可以用string对象的length属性可以获取其长度，但是无论是中文、全角符号以及英文最小长度单位都是1，这与php的strlen（）并不相同。复制代码 代码如下: function strlen（str） { var s = 0; for（var i = 0; i < str.length; i++） { if（str.charAt（i）.match（/[u0391-uFFE5]/）） { s += 2; } e...

基于jquery创建的一个图片、视频缓冲的效果样式插件

2016年07月27日 5 阅读

复制代码 代码如下: （function（$） { $.fn.scrollWait = function（options） { var ops = $.extend（{}, $.fn.scrollWait.defaults, options）; var opts = $.meta ？ $.extend（{}, ops, $（this）.data（）） : ops; /** * 显示位置 */ var win = $（window）; var winheig...

xml转json的js代码

2016年07月27日 7 阅读

复制代码 代码如下: function xmlToJson（xml） { // Create the return object var obj = {}; if （xml.nodeType == 1） { // element // do attributes if （xml.attributes.length > 0） { obj["@attributes"] = {}; for （var j = 0; j < xml.attributes...

js中判断Object、Array、Function等引用类型对象是否相等

2016年07月27日 5 阅读

在迭代中，我们还要注意的是，对象或者数组中的元素可能是一个任意值——除了原始类型值、object、arrray外，这个值还可能是一个方法、一个DOM对象或者window对象，可能你已经注意到了，有部分引用类型是不能进行迭代的，需要分支判断，代码如下： 复制代码 代码如下: function compare（a,b）{ var pt = /undefined|number|string|boolean/, fn = /^（functions*）（w*）/,...

JS跨域总结

2016年07月27日 5 阅读

javascript跨域有两种情况： 1、基于同一父域的子域之间，如：a.c.com和b.c.com 2、基于不同的父域之间，如：www.a.com和www.b.com 3、端口的不同，如：www.a.com:8080和www.a.com:8088 4、协议不同，如：http://www.a.com和https://www.a.com 对于情况3和4，需要通过后台proxy来解决，具体方式如下： a、在发起方的域下创建proxy程序 b、发起方的js调用本...

JS跨域代码片段

2016年07月27日 5 阅读

下面的代码块是js调用一般处理程序的代理来实现js跨域的。如果js需要多次跨域，推荐下面的方法。 复制代码 代码如下:public string GetInfo（HttpContext context） { string post = "a=XX&b=XX"; return CreateHttpRequest（"https://www.XXXX.com", post, "POST"）; } #region 构造请求 /// <summary> ...

JS简单实用的倒计时效果实现代码

2016年07月27日 5 阅读

倒计时 *{ margin: 0; padding: 0; } ul,li{list-style: none;} #show_time{color: #f00;font-size: 24px;font-weight: bold;} function countdown（）{ var show_time = document.getElementById（"show_time"）; endtime = new Date（"12/31...

jquery方法+js一般方法+js面向对象方法实现拖拽效果

2016年07月27日 5 阅读

复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

javascript动画浅析

2016年07月27日 5 阅读

动画原理 所谓的动画，就是通过一些列的运动形成的动的画面。在网页中，我们可以通过不断的改变元素的css值，来达到动的效果。 用到的公式 总距离S = 总时间T * 速度V 即: V = S/T 当前距离s = S/T * 已耗时t 即: s = S * （t/T） 即：当前距离 = 总距离 * （已耗时/总时间） 即：动画元素开始值 + （动画元素结束值 - 动画元素开始值） * （当前时间-开始时间） / （动画需要时间） + 值的格式 有了上面这些公式...

Javascript this 的一些学习总结

2016年07月27日 5 阅读

1.1.1 摘要 相信有C++、C#或Java等编程经验的各位，对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言，它和C++、C#或Java一样都包含this关键字，接下来我们将向大家介绍Javascript中的this关键字。 本文目录 •全局代码中的this •函数中的this •引用类型 •函数调用以及非引用类型 •引用类型以及this的null值 ̶...

JS判断当前日期是否大于某个日期的实现代码

2016年07月27日 5 阅读

上面是个图片啊，想要看效果，自己打吧，学习不能偷懒...

Javascript中的delete介绍

2016年07月27日 5 阅读

一、问题的提出 我们先来看看下面几段代码，要注意的是，以下代码不要在浏览器的开发者工具（如FireBug、Chrome Developer tool）中运行，原因后面会说明： 为什么我们可以删除对象的属性： 复制代码 代码如下: var o = { x: 1 }; delete o.x; // true o.x; // undefined 但不以删除像这样声明的变量： 复制代码 代码如下: var x = 1; delete x; // fa...