MooBox 基于Mootools的对话框插件

2017年02月06日 18 阅读

一方面出于对mootools的兴趣（虽然没有jQuery那么hot）, 另一方面,也是想为mootools的推广添一点小小的力量,虽然这微不足道.加上前面发布过的2个mootools组件, 写下来总的感觉是:在效果实现方面, 确实用jQuery编写要比用mootools来的容易快速的多, 因为在很多细节问题上jQuery已经为我们考虑了.比如mootools-core没有类似slideUp/Down这样的方法, 如果不引入扩展库的话,你得自己用Fx类来实现...

面向对象的Javascript之一（初识Javascript）

2017年02月06日 19 阅读

1. Javascript最大的特性在于其灵活性。作为一名前端开发人员，既可以采用函数式的编程风格，也可以采用更复杂一点的面向对象的编程风格。不管你采用哪种风格，都可以完成一些非常有用的任务。因而，Javascript是一门面向过程的语言，同时也是一门面向对象的语言，进而可以模仿面向对象语言的编程模式和惯用法。我们用一个例子来说明：启动和停止动画。 如果你习惯于函数式的编程风格，代码会如下： 复制代码 代码如下: function startAnimati...

兼容ie、firefox的图片自动缩放的css跟js代码分享

2017年02月06日 23 阅读

需求：图片width<=330px,height<=150。 1、利用max-width,max-height使图片等比例自动缩放，代码： 复制代码 代码如下: img{max-width: 330px;max-height: 150px;} 由于ie6不支持css max-width,max-height,所以在ie6中需要利用javascript脚本来控制大小。 2、用javascript脚本来兼容ie6，代码如： 复制代码 代码如下: ...

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数

2017年02月06日 21 阅读

首先这个元素position为fixed top为（clientHeight-elem.offsetHeight）/2（即元素在浏览器的中间,这个是固定的） left为（clientWidht-主体宽度）/2+主体宽度+左边距，左边距可以设为正数，也可以为负数，如果为负数时的绝对值 等于 主体宽度+elem.offsetWidht,那么元素就刚好浮动在页面主体的左边，设置为0时，刚好浮动在页面主体的右边 但是万恶的ie6不支持css中fixed属性，好在i...

DOM2非标准但却支持很好的几个属性小结

2017年02月06日 22 阅读

1、偏移量 offsetWidth：指元素在水平方向上占用的空间大小，包括边框及滚动条的宽度 offsetHeight：指元素在垂直方向上占用的空间大小，包括边框及滚动条的高度 offsetLeft：返回元素的左偏移量，即元素的左外边框至包含元素的左内边框的像素距离 offsetTop：返回元素的上偏移量，即元素的上外边框至包含元素的上内边框的像素距离 offsetParent：返回最近的动态定位的包含元素的索引，即元素的祖先元素 2、客户区大小 clie...

JavaScript常用对象的方法和属性小结

2017年02月06日 19 阅读

本文将简单介绍JavaScript中一些常用对象的属性和方法，以及几个有用的系统函数。 一、串方法 JavaScript有强大的串处理功能，有了这些串方法，才能编写出丰富多彩的网页。在这一部分里，我们将介绍到如何使用与串对象有关的方法和属性。 1.串对象的length属性 串对象仅有一个属性length，这个属性值表示这个串所包括字符的相对数目。语法为: stringName.length 2.串对象的方法 JavaScript提供了多个串方法...

基于JQUERY的多级联动代码

2017年02月06日 22 阅读

jquery.select.more.js 复制代码 代码如下: （function（$）{ $.fn.doselectmore = function（settings） { var dfop ={ namekey: "name", pnamekey: "name", idkey: "id", selectname:"sel", method: "POST", datatype: "json", param:{}, pval:null, chckval:n...

Javascript倒计时（定时）执行跳转事件的代码

2017年02月06日 21 阅读

9 document.getElementByIdx_x=function（id）{ if（typeof id =="string"） return document.getElementById（id）; else throw new error（"please pass a string as a id！"） } var timer = window.setInterval（function（）{ document.getElementByIdx_x...

getElementByIdx_x js自定义getElementById函数

2017年02月06日 19 阅读

函数代码: 复制代码 代码如下: document.getElementByIdx_x=function（id）{ if（typeof id =="string"） return document.getElementById（id）; else throw new error（"please pass a string as a id！"） } 实例代码: 复制代码 代码如下: <div id="box">9</div> <...

js String对象中常用方法小结（字符串操作）

2017年02月06日 18 阅读

1、charCodeAt方法返回一个整数，代表指定位置字符的Unicode编码。 strObj.charCodeAt（index） 说明： index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。 如果指定位置没有字符，将返回NaN。 例如： var str = "ABC"; str.charCodeAt（0）; 结果：65 2、fromCharCode方法从一些Unicode字符串中返回一个字符串。 String.fromCharC...

面向对象的Javascript之二（接口实现介绍）

2017年02月06日 20 阅读

就足以说明接口在面向对象的领域中有多重要。但JS却不像其他面向对象的高级语言（C#,Java,C++等）拥有内建的接口机制，以确定一组对象和另一组对象包含相似的的特性。所幸的是JS拥有强大的灵活性（我在上文已谈过），这使得模仿接口特性又变得非常简单。那么到底是接口呢？ 接口，为一些具有相似行为的类之间（可能为同一种类型，也可能为不同类型）提供统一的方法定义，使这些类之间能够很好的实现通信。 那使用接口到底有哪些好处呢？简单地说，可提高系统相似模块的重用性，...

面向对象的Javascript之三（封装和信息隐藏）

2017年02月06日 22 阅读

同时，我们知道在面向对象的高级语言中，创建包含私有成员的对象是最基本的特性之一，提供属性和方法对私有成员进行访问来隐藏内部的细节。虽然JS也是面向对象的，但没有内部机制可以直接表明一个成员是公有还是私有的。还是那句话，依靠JS的语言灵活性，我们可以创建公共、私有和特权成员，信息隐藏是我们要实现的目标，而封装是我们实现这个目标的方法。我们还是从一个示例来说明：创建一个类来存储图书数据，并实现可以在网页中显示这些数据。 1. 最简单的是完全暴露对象。使用构造函...

JavaScript初学者应注意的七个细节小结

2017年02月06日 25 阅读

每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。 （1）简化代码 JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的： 复制代码 代码如下: var car = new Object（）; car.colour = "red"; car.whe...

JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

2017年02月06日 21 阅读

一、判断文本是否为空 复制代码 代码如下: var jqObj = $（this）; if（jqObj.text（）.trim（））{ //trim（）方法是去空格，$.trim（）函数删除提供字符串的所有换行符,空格（包括非中断空格），开始和结束tab。如果这些空白字符在字符串中间发生时，它们将被保留。 jqObj.hide（）; } 二、判断这个标签下是否有某个已知的元素，比如判断ul标签下是否有li元素 复制代码 代码如下: var jqObj =...

8款非常棒的响应式jQuery 幻灯片插件推荐

2017年02月06日 20 阅读

这篇文章收集了8款优秀的响应式 jQuery 幻灯片插件，它们能够非常容易的集成到 Web 项目中。响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。FlexsliderFlexSlider 是一款非常棒的响应式 jQuery 幻灯片插件，能够自适应屏幕尺寸，呈现漂亮的外观。BlueberryBlueberry 是一款开源的 jQuery 图片幻灯片插件，适用于流体、响应式网页布...

jQuery数组处理代码详解（含实例演示）

2017年02月06日 20 阅读

演示所用数组复制代码 代码如下:var _mozi=["墨家","墨子","墨翟","兼爱非攻","尚同尚贤"]; 1. $.each遍历示例[常用]复制代码 代码如下:$.each（_mozi,function（key,val）{ //回调函数有两个参数,第一个是元素索引,第二个为当前值 alert（"_mozi数组中 ,索引 : "+key+" 对应的值为: "+val）; }）; 2. $.grep（）过滤数组[常用]复制代码 代码如下:$.grep...

jquery插件制作简单示例说明

2017年02月06日 22 阅读

一、先从一个简单的实例，不需要带参数的一个方法开始 复制代码 代码如下: //创建一个匿名函数 （function（$）{ //给jQuery附加一个新的方法（详细见备注1） $.fn.extend（{ //插件的名字 MyFirstName: function（） { //迭代当前匹配元素集合 return this.each（function（） { var obj = $（this）; //自己的代码 }）; } }）; ）（jQuery）; 备注...

jquery插件开发方法（初学者）

2017年02月06日 22 阅读

jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend（object）; jQuery.extend（object）; jQuery.extend（object）; 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend（object）;给jQuery对象添加方法。 fn 是什么东西呢。查看jQuery代码，就不难发现。 复制代码 代码如下: jQuery.fn = jQuery.prototype = {...

jQuery.extend 函数详解

2017年02月06日 20 阅读

JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: 复制代码 代码如下: extend（dest,src1,src2,src3...）; 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修...

jQuery表单验证插件formValidator（改进版）

2017年02月06日 21 阅读

枚举对象的使用： 复制代码 代码如下: //各种验证方式支持的标签类型 sustainType: function （elem, setting） { var srcTag = elem.tagName; var stype = elem.type; switch （setting.validatetype） { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.Inpu...