一步一步教你写带图片注释的淡入淡出插件（三）

2016年07月27日 7 阅读

其实凭借着之前良好的代码结构，加入控制器很简单（^_^这也就是为什么我说刚开始的架构的代码结构很重要！） 先说一下加入控制器的思路： 根据轮播元素的个数为每一个元素添加一个对应的控制按钮，（这里我直接用a标签来做，考虑语义的话可以用ul或ol），考虑到书写样式的方便可以先create一个控制器父标签，然后依次把每个控制按钮append到控制器父标签，再把父标签append到我们的轮播模块中就ok了。然后再为对应的元素添加上对应的css样式即可 好了...

一步一步教你写带图片注释的淡入淡出插件（四）

2016年07月27日 6 阅读

不出意外的话，这应该是这个系列的最后一部分了。 第三部分的效果已经基本上满足大部分的需求了。所以这一部分呢，只能算是加分项。废话不多说了，还是继续博文吧。 其实带背景半透明的备注的轮播效果也是网上一抓一大把，163,qq，taobao等等，仔细找找应该都能看到类似的效果。添加文本其实和前一文的添加控制器的方法差不多。无非也就是再append一个元素，在里面显示文本即可。 复制代码 代码如下: /* -- 显示备注 --*/ var alt = th...

javascript forEach通用循环遍历方法

2016年07月27日 6 阅读

复制代码 代码如下: var forEach = （function（）{ //数组与伪数组的遍历 var _Array_forEach = function （array, block, context） { if （array == null） return; //对String进行特殊处理 if（typeof array == "string"）{ array = array.split（""）; } var i = 0,length = array...

javascript 伪数组实现方法

2016年07月27日 5 阅读

这篇文章来回答javascript通用循环遍历方法forEach中最后提到的关于伪数组的问题。 什么是伪数组 能通过Array.prototype.slice转换为真正的数组的带有length属性的对象。 这种对象有很多，比较特别的是arguments对象，还有像调用getElementsByTagName,document.childNodes之类的，它们都返回NodeList对象都属于伪数组。 我们可以通过Array.prototype.slice.c...

javascript Array.prototype.slice使用说明

2016年07月27日 6 阅读

除了正常用法，slice 经常用来将 array-like 对象转换为 true array. 名词解释：array-like object – 拥有 length 属性的对象，比如 { 0: ‘foo", length: 1 }, 甚至 { length: ‘bar" }. 最常见的 array-like 对象是 arguments 和 NodeList. 查看 V8 引擎 array.js 的源码，可以将 slice 的内部实现简化为： 复制代码 代码...

javascript getElementsByClassName实现代码

2016年07月27日 5 阅读

先来看一下代码：（支持多个class查询和在某个范围内进行查询） 复制代码 代码如下: /* * 根据元素clsssName得到元素集合 * @param fatherId 父元素的ID，默认为document * @tagName 子元素的标签名 * @className 用空格分开的className字符串 */ function getElementsByClassName（fatherId,tagName,className）{ node = fa...

理解Javascript_01_理解内存分配原理分析

2016年07月27日 5 阅读

原始值和引用值 在ECMAScript中，变量可以存放两种类型的值，即原始值和引用值。 原始值指的就是代表原始数据类型（基本数据类型）的值，即Undefined,Null,Number,String,Boolean类型所表示的值。 引用值指的就是复合数据类型的值，即Object,Function,Array,以及自定义对象,等等 栈和堆 与原始值与引用值对应存在两种结构的内存即栈和堆 栈是一种后进先出的数据结构，在javascript中可以通过Array来...

理解Javascript_02_理解undefined和null

2016年07月27日 10 阅读

来自普遍的回答: 其实在 ECMAScript 的原始类型中，是有Undefined 和 Null 类型的。 这两种类型都分别对应了属于自己的唯一专用值，即undefined 和 null。 值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的，通过下列代码可以验证这一结论： alert（undefined == null）; //true 尽管这两个值相等，但它们的含义不同。 undefined 是声明...

理解Javascript_03_javascript全局观

2016年07月27日 6 阅读

先来看一张图吧：解释一下：核心（ECMAScript）：定义了脚本语言的所有对象，属性和方法文档对象模型（DOM）：HTML和XML应用程序接口浏览器对象模型（BOM）：对浏览器窗口进行访问操作现在来具体的讲一个各个成分： 关于ECMAScript ECMAScript的工作是定义语法和对象，从最基本的数据类型、条件语句、关键字、保留字到异常处理和对象定义都是它的范畴。 在ECMAScript范畴内定义的对象也叫做原生对象。 其实上它就是一套定义了语法规则...

js keycode快捷键大全 并附有简单使用说明

2016年07月27日 5 阅读

复制代码 代码如下: keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape Esca...

JavaScript 打地鼠游戏代码说明

2016年07月27日 5 阅读

演示地址：http://demo.jb51.net/js/mouse/index.html打包下载地址 http://www.jb51.net/jiaoben/32434.html这个是我无聊的时候写的，先看看效果（UI做得比较丑）： 说明：红色的点击得分100，蓝色的点击扣分100. 只是想用js来写个小游戏，顺便练练js的代码。 先看html部分： html 复制代码 代码如下: <style> #panel{height:300px;wi...

理解Javascript_05_原型继承原理

2016年07月27日 7 阅读

prototype与[[prototype]] 在有面象对象基础的前提下，来看一段代码： 复制代码 代码如下: //Animal构造函数 function Animal（name）{ this.name = name; } //Animal原型对象 Animal.prototype = { id:"Animal", sleep:function（）{ alert（"sleep"）; } } var dog = new Animal（"旺才"）; alert...

计算文本域剩佘长度的js代码

2016年07月27日 7 阅读

JS 计算文本域剩余字数 function displaySpareNumber（_this,size） { var spareNumber=document.getElementById（"spareNumber"）; //汉字长度 var len=_this.value.replace（/[^x00-xff]/gi,"xx"）.length; var snum=parseInt（size）-len; spareNumber.value=snum; ...

javascript一个无懈可击的实例化XMLHttpRequest的方法

2016年07月27日 5 阅读

复制代码 代码如下: function getHTTPRequest（） { var xhr = false; if （window.XMLHttpRequest） xhr = new XMLHttpRequest（）; //IE除外的浏览器 else if （window.ActiveXObject） { try { xhr = new ActiveXObject（"Msxm12.XMLHTTP"）;//最新版的ActiveX对象 } catch（e） ...

javascript中&quot;/&quot;运算符常见错误

2016年07月27日 5 阅读

//二分查找健忘递归版本 复制代码 代码如下: function binary_search（arr,target,low,high）{ if（low<high）{ //至少包括两个元素 var min=（low+high）/2; if（target>arr[min]） return binary_search（arr,target,min+1,high）; else return binary_search（arr,tar...

js限制文本框为整数和货币的函数代码

2016年07月27日 6 阅读

限制为整数<html><head><script language="javascript" type="text/javascript"> var G=document.getElementById; function checkNumber（）{var reg = /^（?:0|[1-9][0-9]?|100）$/; var strNumber = G（"txtNumber"）.value;alert...

关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级

2016年07月27日 7 阅读

假设在我们页面有这么一段标签： 复制代码 代码如下: <body> <div id="testDiv" style="width:200px;height:200px;background:#c0c0c0;"></div> </body> 现在在页面加入这么一段脚本： 复制代码 代码如下: <script type="text/javascript"> window.onload=funct...

JQuery1.4+ Ajax IE8 内存泄漏问题

2016年07月27日 7 阅读

并且JQuery1.3.2版本不存在，JQuery1.4+版本存在 通过对比，最终找到这两个版本的其中一个差别 JQuery1.4+在ajax方法增加了一段代码，用于在abort时调用onreadystatechange方法 复制代码 代码如下: try { var oldAbort = xhr.abort; xhr.abort = function（） { if （ xhr ） { oldAbort.call（ xhr ）; } onreadystate...

JQuery小知识

2016年07月27日 5 阅读

但如果改动较大，代码量就比较大。 此时可以采用jquery 的load方法来实现局部刷新 复制代码 代码如下: <div id="content"> <span ...>some thing</span> ... ... </div> $（#content）.load（location.href + " #content>*"）; 此时content里的内容就会被替换成最新的了，因为走的是完整的请求循...

jquery 元素相对定位代码

2016年07月27日 8 阅读

复制代码 代码如下: /** *jQuery rposition *fix:要定位的元素 *rel：相对定位的元素 *options:{},align:左右对齐;vlign:垂直对齐;xleft:水平补给值;xleft:垂直补给值;adjust:是否相对窗口自动调整;rwindow:定位相对于窗口（align&vlign为center时垂直或水平居中）; */ （function（win,$）{ win.rposition=function（fix,rel...