JavaScript资料,JavaScript文章,JavaScript文档-易库教程

基于jquery的可多选的下拉列表框

2016年07月27日 5 阅读

同事在网上的找的下拉列表框出现位置不对的和加载慢的BUG，反正多选下拉列表框实现也很简单，与其看那些结构混乱的代码，不如自己重新实现一个。先看效果： http://demo.jb51.net/js/2012/jquery_demo/jquery_select.htmlJS: 复制代码代码如下: （function （$） { $.fn.extend（{ MultDropList: function （options） { var op = $.exte...

分享XmlHttpRequest调用Webservice的一点心得

2016年07月27日 7 阅读

首先，因为JSON对于JS的便利性，考虑通过JSON来请求和返回数据。在JS中实例化一个xmlHttpRequest对象，然后根据网上的说明POST的地址为：asmx页面地址/Web方法名。在RequestHeader中设置Content-Type为application/json; charset=utf-8，SOAPAction设为Web方法名。Web方法的参数用JSON格式send出去。代码如下：复制代码代码如下: function getXm...

Javascript中找到子元素在父元素内相对位置的代码

2016年07月27日 6 阅读

经过自己一晚上尝试，貌似找到了一个方法。现在脑袋还糊涂，先记下来，以后再分析。复制代码代码如下: // 找到子元素在父元素中的相对位置 function getElementTop（element）{ var el = （typeof element == "string"）？ document.getElementById（element） : element; if （el.parentNode === null || el.style.dis...

javascript算法题求任意一个1-9位不重复的N位数在该组合中的大小排列序号

2016年07月27日 5 阅读

具体题目是这样的：从1--9中选取N个数字，组成不重复的N位数，从小到大进行编号，当输入其中任何一个数M时，能找出该数字对应的编号。如 N=3，M=213. 输出：[123（1） , 132（2） , 213（3） , 231（4） , 312（5） , 321（6）]--->X=2 首先看到题目想到的是生成一个从少到大的全排列的数组，然后再遍历数组得到对应的序号（数组下标加1），又或者想到一个个从小到大的生成push进数组，然后判断该数...

Javascript对象中关于setTimeout和setInterval的this介绍

2016年07月27日 7 阅读

在Javascript里，setTimeout和setInterval接收第一个参数是一个字符串或者一个函数，当在一个对象里面用setTimeout延时调用该对象的方法时复制代码代码如下: function obj（） { this.fn = function（） { alert（"ok"）; console.log（this）; setTimeout（this.fn, 1000）;//直接使用this引用当前对象 } } var o = new ob...

Js四则运算函数代码

2016年07月27日 5 阅读

复制代码代码如下: //除法函数，用来得到精确的除法结果 //说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 //调用：accDiv（arg1,arg2） //返回值：arg1除以arg2的精确结果 function accDiv（arg1,arg2）{ var t1=0,t2=0,r1,r2; try{t1=arg1.toString（）.split（"."）[1].length}cat...

基于jquery自定义图片热区效果

2016年07月27日 5 阅读

现在整理下发出来，希望大家共同学习吧先看效果图：用了jquery.image-maps.js这个插件下载地址 http://www.jb51.net/jiaoben/57930.html原理是：通过拖动计算出当前热区可移动模块的left top right bottom 对应area的 coords 属性集成上面的位置，就可以实现热区了。对应的模块代码是：复制代码代码如下: <！--模块展示 begin--> <div cl...

基于JQuery的类似新浪微博展示信息效果的代码

2016年07月27日 6 阅读

复制代码代码如下: <！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> <title>Untitled Page&...

基于jquery的跟随屏幕滚动代码

2016年07月27日 6 阅读

那么这是怎么实现的呢？本文将引用乌徒帮的跟随屏幕滚动代码，对此效果做详解。一、原始代码下面是乌徒帮的跟随屏幕滚动代码，它的作用域为乌徒帮网页两侧的边栏，以及双击屏幕后的右侧隐藏栏。复制代码代码如下: var $catalogueOffsetTop = $（"aside#catalogue"）.offset（）.top; var $archiveOffestTop = $（"aside#archive"）.offset（）.top; var $arc...

40个新鲜出炉的jQuery 插件和免费教程[上]

2016年07月27日 7 阅读

但对于 Web 开发人员来说，他们需要掌握编写插件的方法，这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程，这些插件能够为你将来的项目增添各种很炫功能和效果，同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。 Slidesjs（演示|下载）Beautiful Parallax Slider With jQuery（演示|下载）Sweet Thumbnails Preview Gallery wit...

js+xml生成级联下拉框代码

2016年07月27日 5 阅读

需要默认选中时，定义一个变量 var cityId=城市id 下面是js代码复制代码代码如下: function readxml（） { var XmlDoc = null; if （window.ActiveXObject） { XmlDoc = new ActiveXObject（"Microsoft.XMLDOM"）; XmlDoc.async = false; XmlDoc.load（path + "/web/common/regions.xm...

javascript设计模式封装和信息隐藏（上）

2016年07月27日 6 阅读

本文分上下两部分，上部讲基本模式（basic patterns）：完全暴露法，下划线标记法和使用闭包；下部讲高级模式（Advanced Patterns），如何实现静态方法和属性，常量还有其他一些知识点。封装是面向对象语言很基本也是很有用的特性，虽然javascript也可以称的上是面向对象语言，但他对封装的支持并不是很好，不像其他语言，只要使用private、protected就可以实现。但这并不是说就没有办法了，下面我就介绍下如何在javascr...

javascript设计模式接口介绍

2016年07月27日 5 阅读

这本书中第一个重要的内容就是接口。大家对接口应该都不陌生，简单的说接口就是一个契约或者规范。在强类型的面相对象语言中，接口可以很容易的实现。但是在javascript中并没有原生的创建或者实现接口的方式，或者判定一个类型是否实现了某个接口，我们只能利用js的灵活性的特点，模拟接口。在javascript中实现接口有三种方式：注释描述、属性验证、鸭子模型。 note：因为我看的是英文书，翻译水平有限，不知道有些词汇如何翻译，大家只能领会精神了。 1. 注释...

原生js 秒表实现代码

2016年07月27日 10 阅读

html代码：复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="gb2312"> <head> <style type="text/css"> #container { margin:0 auto; margin-top:10%; width:200px; } #timer ...

关于JavaScript中原型继承中的一点思考

2016年07月27日 5 阅读

我们先看一段传统的继承代码：复制代码代码如下: //定义超类 function Father（）{ this.name = "父亲"; } Father.prototype.theSuperValue = ["NO1","NO2"]; //定义子类 function Child（）{ } //实现继承 Child.prototype = new Father（）; //修改共享数组 Child.prototype.theSuperValue.push（...

JavaScript中的apply（）方法和call（）方法使用介绍

2016年07月27日 9 阅读

1、每个函数都包含两个非继承而来的方法：apply（）和call（）。 2、他们的用途相同，都是在特定的作用域中调用函数。 3、接收参数方面不同，apply（）接收两个参数，一个是函数运行的作用域（this），另一个是参数数组。call（）方法第一个参数与apply（）方法相同，但传递给函数的参数必须列举出来。例1：复制代码代码如下: window.firstName = "diz"; window.lastName = "song"; var ...

基于jQuery判断两个元素是否有重叠部分的代码

2016年07月27日 7 阅读

核心代码：复制代码代码如下: $（"#result"）.text（isOverlap（"one","two"）+","+isOverlap（"one","three"）+","+isOverlap（"two","three"））; function isOverlap（idOne,idTwo）{ var objOne=$（"#"+idOne）, objTwo=$（"#"+idTwo）, offsetOne = objOne.offset（）, offs...

基于jquery的多功能软键盘插件

2016年07月27日 5 阅读

支持查询功能的键盘和简单得软键盘，键盘样式完全在独立的css文件中定义，可以自行美化。（支持从查询的软键盘）（简单的软件盘）插件的默认参数复制代码代码如下: jquery.fn.softkeyboard.defaults = { names: { _delbtn: "skbdel", _clearbtn: "skbclear", _querybtn: "skbquery", _closebtn: "skbclose", _letterbtn: "s...

基于jquery的动画效果代码

2016年07月27日 5 阅读

jquery动画有意思的地方见效果图：思想：将图片设置分割div的背景图片，控制div的属性，可以现实有趣的滤镜效果，本例中展示了一种，感兴趣的朋友可以尝试其他滤镜的实现。本例其余动画部分，主要是利用jquery中提供animate和delay实现。 animate：这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性。 delay：设置一个延时来推迟执行队列中之后的项目。实例效果： jquer...

浅谈javascript的原型继承

2016年07月27日 6 阅读

请看源码：复制代码代码如下: function clone（o） { var F = function（）{}; F.prototype = o; return new F（）; } 首先看ext（4.1的1896行开始）的原型式继承。复制代码代码如下: var TemplateClass = function（）{}; var ExtObject = Ext.Object = { chain: function （object） { Templ...

首页 / 脚本样式 / JavaScript

基于jquery的可多选的下拉列表框

分享XmlHttpRequest调用Webservice的一点心得

Javascript中找到子元素在父元素内相对位置的代码

javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号

Javascript对象中关于setTimeout和setInterval的this介绍

Js四则运算函数代码

基于jquery自定义图片热区效果

基于JQuery的类似新浪微博展示信息效果的代码

基于jquery的跟随屏幕滚动代码

40个新鲜出炉的jQuery 插件和免费教程[上]

js+xml生成级联下拉框代码

javascript设计模式 封装和信息隐藏（上）

javascript设计模式 接口介绍

原生js 秒表实现代码

关于JavaScript中原型继承中的一点思考

JavaScript中的apply（）方法和call（）方法使用介绍

基于jQuery判断两个元素是否有重叠部分的代码

基于jquery的多功能软键盘插件

基于jquery的动画效果代码

浅谈javascript的原型继承

javascript算法题求任意一个1-9位不重复的N位数在该组合中的大小排列序号

javascript设计模式封装和信息隐藏（上）

javascript设计模式接口介绍