摘要：
在CSS中设定元素宽度为200px，高度为50px；W3C 盒式模型:元素的宽度和高度为盒式模型图中的Context部分, 不包括padding, border和margin部分.目前除了IE所有的浏览器都仅支持W3C盒式模型. 在W3C盒式模型中, 示例中包含红框在内的区域内容宽度为200+2*10+2*5=230px, 高度为50+2*10+2*5=80px.IE 盒式模型:设置的宽度包括padding,border. 实际内容宽度content Width = width - padding – border在IE5.5及更早的版本中, 使用了此模型. 在更高的IE版本上如果由于某些原因 阅读全文
摘要：
弹出层：点击按钮出现弹出层，点击弹出层本身或者网页任意处弹出层消失。注，点击按钮时要取消冒泡event.stopPrepagation();设置弹出层的位置$(event.target).offset().top+'px', $(event.target).offset.left+'px' $('#divPop').show()显示弹出层。点击网页任意处关闭弹出层$(document).click(function(event){$('#divPop').hide()});js：$(function(){ var speed=50 阅读全文
摘要：
面向对象：是一种思想；对象：生活中的像汽车，电视，收音机等都是对象，我们只关注使用功能，不关注他们的内部怎么实现的；对象特征：抽象，封装，继承；抽象：把问题的关键提取出来；封装：只关注使用功能，不关注内部实现；继承：从一个已有的对象继承它的属性和方法；继承：多重继承（一个子类可以有两个父类），多态对象：包括属性，方法，属性在不属于一个对象前称为变量；方法在不属于一个对象前称为函数；类：模子，对象：带有使用功能的；工厂方式：原料：创建对象;加工：添加属性，方法;出厂：return返回对象；原型用到对象中：构造函数.prototype.fn;，让每个创建的对象共用一个函数；fn CreatPers 阅读全文
摘要：
ajax:发送异步请求到服务器读取所需要的数据；步骤：1创建ajax对象；var oAjax=new XMLHttpRequest(); chrome ff, var oAjax=new ActiveXObject('Microsoft.XMLHTTP'); 2连接服务器；oAjax.open('GET',url,true);true表示异步，false表示同步； 3发送请求；oAjax.send(); 4接收服务器响应 oAjax.onreadystatechange();readyState五种状态：0：请求未初始化（还没有调用open()）。1：请求已经建 阅读全文
摘要：
自定义滚动条：效仿拖拽，使得内部的div移不出外部的div;通过移动div控制矩形的大小，透明度，控制文子向上滑动；（根据内部div距外部div左边当前距离与最大距离之比来调节矩形大小，透明度，文子top距离；）View Code View Code View Code 阅读全文
摘要：
拖拽带框：先在鼠标点击的div位置创建并拖出一个div框，当鼠标抬起时，div跑到div框所在的位置，鼠标抬起删除div框；var oDiv2=document.createElement('div');//创建div框；oDiv2.className='div2';//给div框添加class;document.body.appendChild(oDiv2);//添加到父元素；document.body.removeChild(oDiv2);//删除div框；css: 阅读全文
摘要：
在同一个对象上加两次相同的事件，会被覆盖，所以用事件绑定，就不会被覆盖了；事件绑定；obj.attachEvent('onclick'，fun)://ie 解除绑定:detachEvent; obj.addEventListener（'click',fun,false）//firefox.chrome removeEventListener;事件捕获：obj.setCapture();只在ie6-8中解决问题，ie9,ff,chrome中的拖拽影响其他对象的问题已经被return false解决掉；例子：事件绑定封装事件绑定函数fun... 阅读全文
摘要：
浏览器自带的事件，默认事件：右键弹出菜单，按下键盘窗口显示相应字符；阻止默认事件：return false;键盘事件：onkeydown,onkeyup,onkeypress;点击鼠标相关事件：onclick ,onmousedown,onmousemove,onmouseup;右键：document.oncontextmenu;自定义鼠标右键菜单：用document.oncontextmenu事件（即上下文菜单），点击后div在鼠标位置显示oEvent.clientX,oEvent.clientY，阻止右键默认菜单return false;return false 要放在自定义的最后；在窗口 阅读全文
摘要：
事件对象：event；用于获取事件的信息，如：clientX,clientY,keyCode,等；var oEvent=ev||event; //ev在ie下需要传参数ev ，event,在firefox,chrome下；function(ev){ var oEvent=ev||event;}document.onclick;document是html和的父节点；当要在浏览器窗口界面任意点上触发事件时，用document.事件冒泡：一个对象触发事件后，会向它的包含对象传递，触发包含对象的事件；取消冒泡：在最初触发事件的对象里取消冒泡，oEvent.cancelBubble=true;跟按键相. 阅读全文
摘要：
类似与无缝滚动；上下滑动的是整个ul标签，是ul的top距离与图片序号之前的关系；当显示第1章图片，top为：图片高度-height*0; 2章 -height*1; 3 -height*2; n -height*(n-1); 1 2 3 4 5 阅读全文