基于jQuery的倒计时插件代码

2017年02月06日 24 阅读

剩余时间：1小时：40分：30秒 复制代码 代码如下: 1 /* * 倒计时插件，主要用来限时购买 * By wayshan 版本1.0 * 使用方法： * $（function（）{ * $（"#ElementId"）.countdown（{ * Edate:"2012-12-21 15:14:23" * }）; * }） */ ;（function（$）{ $.fn.countdown = function（options）{ if （this.len...

基于jquery的lazy loader插件实现图片的延迟加载[简单使用]

2017年02月06日 22 阅读

通过使用jquery的lazy loader插件可以实现图片的延迟加载，当网页比较长的时候，会先只加载用户视窗内的图片，视窗外的图片会等到你拖动滚动条至后面才加载，这样有效的避免了因图片过多而加载慢的弊端。 使用lazy loader插件很简单，只要在页面中引入lazy loader插件，然后为页面上的图片调用延迟加载方法就可以了。lazy loader插件的下载地址：http://www.appelsiini.net/projects/lazyloa...

基于JQUERY的两个ListBox子项互相调整的实现代码

2017年02月06日 20 阅读

HTML: 复制代码 代码如下: <div id="divObj3" class="divContent"> <input id="hidColorSelect" name="ColorSelect" type="hidden" value="3,5,6,11,12,13,14" /> <table style="width: 100%; text-align: center;"> <tr class="tr"&g...

通过Jscript中@cc_on 语句识别IE浏览器及版本的代码

2017年02月06日 23 阅读

激活条件编译支持。 @cc_on 备注 @cc_on 语句激活脚本引擎中的条件编译。 强烈推荐在注释中使用 @cc_on 语句，以使不支持条件编译的浏览器将您的脚本视为有效语法而接受它： /*@cc_on*/ // The remainder of the script.或者，在注释外的一个 @if 或 @set 语句也将激活条件编译。 要求 版本 3 请参见 参考 @if...@elif...@else...@end 语句 @set 语句 复制代码 代码...

JQuery将文本转化成JSON对象需要注意的问题

2017年02月06日 23 阅读

1）$.parseJSON方法返回的是一个字符串，而不是JSON对象。 2）要将字符串转化成对象，很容易想起JS中的eval方法。事实上是可以的，不过需要加上括号。如var js="{"PageIndex":"1"}";var obj=eval（"（"+js+"）"）;。不过使用eval,是不安全的，因为其可以编译任何js代码。 3）下载一个JSON解析器，因为其只认可JSON文本。这样就比较安全了。JSON官方网站提供了这么一个脚本。地址：http://...

Chrome Form多次提交表单问题的解决方法

2017年02月06日 23 阅读

今天用chrome提交一个表单时，发现一个奇怪的问题： 复制代码 代码如下: //提交表单 document.frmOrder.action = "http://www.abc.com/d.aspx"; document.frmOrder.method = "POST"; document.frmOrder.target = "_blank"; document.frmOrder.submit（）; 第一次提交可以，第二次提交就没有任何响应了。需要重新加...

Javascript 倒计时源代码.（时.分.秒） 详细注释版

2017年02月06日 19 阅读

随便写写！闲着无聊！代码如有bug之处欢迎阁下强力拍砖！ JS CODE 复制代码 代码如下: <script type="text/javascript" language="javascript"> //总时间，已分为单位 var time = 100; //小时 var h = parseInt（time / 60） > 0 ？ parseInt（time / 60） : 0; //分 var m = time % 60; //秒 ...

实现变速回到顶部的JavaScript代码

2017年02月06日 22 阅读

随着近几年来 JavaScript 的应用日渐广泛, 滑动效果无处不在, 于是我也跟跟风, 将置顶功能做成了滑动效果. 后来为了更贴合物理特征, 改造做成了减速的滑动效果. 首先说一下原理吧. 我们会获取滚动条到页面顶部的距离, 然后上移一定的距离; 再获取滚动条到页面顶部的距离, 上移一定的距离 （比上一次小一点）; ... JavaScript 代码: 复制代码 代码如下: /** * 回到页面顶部 * @param acceleration 加速度 ...

JavaScript的parseInt 取整使用

2017年02月06日 23 阅读

Java 也有 Integer.parseInt（） 方法, 但是 JavaScript 的 parseInt 处理方式与 Java 等强整型语言不太一样, 所以经常有人因为对这个方法的使用不当而获得异常返回. 下面是一段 Java 代码, 用于将字符串 020 转为整型. 复制代码 代码如下: public class Test { public static void main（String args[]） throws Exception { Str...

关于JavaScript的with 语句的使用方法

2017年02月06日 22 阅读

用过 Java 和 .NET 的同学对包或命名空间的概念应该不会陌生, 正因为有这个概念, 使代码的简洁易读得到了保证. 不知 JavaScript 设计之初是如何定位 with 语句的, 个人觉得它们之间有一定的相似度. 如: 复制代码 代码如下: apple.banana.candy.dog.egg.fog.god.huh.index = 0; doSomething（apple.banana.candy.dog.egg.fog.god.huh.ind...

JavaScript 放大镜 放大倍率和视窗尺寸

2017年02月06日 23 阅读

对JavaScript 放大镜来说, 计算倍率必不可少. 一个完整的放大镜结构里, 与倍率扯上关系的一共有 4 个对象, 原图, 缩略图, 镜片和视窗. 镜片在缩略图上的覆盖位置, 其实就是视窗对原图的部分展示, 所以它们之间有如下关系. 倍率 = 原图/缩略图 = 视窗/镜片 倍率一般大于等于 1, 因为原图一般都不会小于缩略图. 一旦倍率小于 1, 则将倍率设为 1. 因为缩略图和原图的尺寸是不可变的, 所以我们通过它们来获得倍率.复制代码 代码如下:...

JavaScript 放大镜 移动镜片效果代码

2017年02月06日 23 阅读

放大镜并不是一个难以实现的效果, 只是因为牵涉到一些精确的数值计算, 显得比较繁琐. 在未来的一段日子, 我会不定期地写关于 JavaScript 放大镜系列的文章, 每次讲一个点, 由点及面, 最后完成整个效果. 本次我们先了解如何在缩略图上移动镜片. （这是 DEMO） 缩略图和镜片组成的 DOM 结构如下. 复制代码 代码如下: <a id="thumb" href="#"> <img src="http://img.alibaba...

JavaScript中为元素加上name属性的方法

2017年02月06日 22 阅读

今天遇到个小问题, 在构建 DOM 时, IE 中不能通过 element.setAttribute（"name", _variable）; 和 element.name = _variable; 这样的形式来为元素加上 name 属性, 无论是 IE6 还是 IE7. （IE8 是可以的, 但 IE8rc1 不行） 后来我查看了 MSDN, 得到信息如下: 复制代码 代码如下: Internet Explorer 8 and later can set ...

JQuery 1.6发布 性能提升，同时包含大量破坏性变更

2017年02月06日 23 阅读

新版本中的部分重要改进：attr（）、val（）和data（）方法有了更好的性能；在attr（）方法中支持Boolean属性；添加了钩子函数，允许对attr（）和val（）方法进行扩展；map（）方法添加了对对象的支持（将JavaScript对象的属性映射到函数）允许使用相对值（“+=”，“-=”）更新CSS；添加了deferred.always（）, deferred.pipe（）方法，减少了代码量，提高了代码易读性；同步动画 – 现在所有动画都同步到相...

Jqyery中同等与js中windows.onload的应用

2017年02月06日 23 阅读

复制代码 代码如下: $（function（）{//脚本}） Jquery（function（）{//脚本}） Jquery（document）.ready（function（）{//脚本}） 以上三个代码执行同一个动作，由于书写方便，所以Jquery比其他应用程序更受欢迎，但是当与其他js程序库一起使用的时候，特别是prototype.js同时使用时，不能使用$方法，因为他们也有该方法，可以用如下方法回避这种冲突： jQuery（function（$）...

JaveScript中的几个关键概念的理解-原型链的构建

2017年02月06日 23 阅读

Javascript中所有function中都有一个prototype属性，并且这个prototype属性是一个object类型的对象，所有由该function构造出来的对象都具有这个prototype上的特性，也就是说可以用构造出来的对象直接访问prototype上的属性和方法。 下面一段代码演示prototype的使用方法： 复制代码 代码如下: function Staff（name） { this.name = name; } Staff.prot...

JS Range HTML文档/文字内容选中、库及应用介绍

2017年02月06日 21 阅读

一、前面的些话 本文的内容基本上是基于“区域范围对象（Range objects）”这个概念来说的。这个玩意，可以让你选择HTML文档的任意部分，并可以拿这些选择的信息做你想做的事情。其中，最常见的Range是用户用鼠标选择的内容（user selection）。 本文有不少篇幅就是讲如何将用户的这种选择转换为W3C Range或Microsoft Text Range对象。 二、什么是Range？ 所谓"Range"，是指HTML文档中任意一段内容。一个...

js 中{},[]中括号,大括号使用详解

2017年02月06日 22 阅读

一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。 如：var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性， 所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数组的方式来访问，如：LangShen["Name"]、LangShen[...

JS焦点图切换，上下翻转

2017年02月06日 24 阅读

复制代码 代码如下: <！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 继承使用分析

2017年02月06日 23 阅读

深入学习javascript继承之前,先了解下面的几个概念: 父类:被继承的类 子类:由继承得来的类 超类:也就是父类 抽象类:一般不用来实例化的类,它的用途是用来给其他类继承. 基类:提供给其他类可以继承的类 派生类:由基类继承而来的类 javascript对象继承通常有下面的5种方式: 1.对象冒充 2.call（）方式 3.apply（）方式 4.原型链 5.混合方式 A.对象冒充 所谓对象冒充,就是新的类冒充旧的类（旧的类必须采用构造函数方式）,从...