详解鼠标拖拽
摘要：
拖拽：小方块跟着鼠标拖拽走。 原理：1.先计算出鼠标按下的点距小方块左边缘与上边缘的距离，这是一个固定的值。而这个值也很好计算：用 当前鼠标的坐标 - 当前小木块的offsetLeft/offsetTop 2.确定出这个固定距离，每次鼠标移动会产生新的距离，使小方块的定位left，top为鼠标当前的 阅读全文
默认行为
摘要：
默认行为：浏览器自带的 （如：点击鼠标右键出现一个菜单） 阻止默认行为： document.oncontextmenu=function() { return false;} 修改默认行为： <!DOCTYPE html><html lang="en"><head> <meta charset="U 阅读全文
鼠标事件--物体跟着鼠标动
摘要：
在讲述鼠标事件之前先讲一个对象--event： event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行. 例子：event事件：点击任何位置显示当前位置的横纵坐标。 <!DOCTYPE html><ht 阅读全文
浅谈javascript中事件冒泡与事件捕获
摘要：
事件冒泡：一个事件会顺着他的层级一直往上传，一直传到document上为止，即从盒模型上看是从内到外的过程。 例： <!DOCTYPE html><html lang="en" onclick="alert('html')"><head> <meta charset="UTF-8"> <title> 阅读全文
javascript运动应用
摘要：
多物体运动框架： 1.多个盒子同时运动：move（obj，target）多一个参数 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> div{ width: 100px; height: 50px; backgro 阅读全文
display：none与visibility：hidden区别
摘要：
display：none与visibility：hidden有一个共同的作用是隐藏要显示的内容isplay：none 隐藏，但是不占空间 “看不见摸不到” 加载 display：none 隐藏，但是不占空间 看不见摸不到不产生任何框，对布局没有影响，浏览器不显示其包括其后代元素，更不会占位 visi 阅读全文
Javascript运动基础
摘要：
javascript的运动非常实用，通过控制需要运动块的实际距离与要到达的距离的关系，结合定时器来控制小方块的各种运动。 运动框架 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> #div1{ width: 10 阅读全文
HTML之iframe
摘要：
iframe：是框架的一种形式。 属性： frameborder=0/1 表示是否显示周围边框 0--否 1--是 width，height：设置的边框宽高，具体数值不需要加单位，也可用百分比 marginwidth：设置显示的内容的左右边距；marginheight：设置显示的内容的上下边距 bo 阅读全文
盒模型与在低版本IE下的区别
摘要：
对css有一定了解的同学一定听说过盒模型，在这里以我自己的一点儿了解和认知来解释一下盒模型与盒模型在低版本IE浏览器下与其他浏览器下的区别。 W3c标准下的盒模型 盒模型由 content（内容），padding（内填充），border（边框），margin（外边距）组成。 对div盒子定义宽高时， 阅读全文