早安.晚安

2016年7月18日

详解鼠标拖拽

摘要： 拖拽：小方块跟着鼠标拖拽走。 原理：1.先计算出鼠标按下的点距小方块左边缘与上边缘的距离，这是一个固定的值。而这个值也很好计算：用 当前鼠标的坐标 - 当前小木块的offsetLeft/offsetTop 2.确定出这个固定距离，每次鼠标移动会产生新的距离，使小方块的定位left，top为鼠标当前的 阅读全文

posted @ 2016-07-18 11:51 早安.晚安 阅读(840) 评论(0) 推荐(0)
默认行为

摘要： 默认行为：浏览器自带的 （如：点击鼠标右键出现一个菜单） 阻止默认行为： document.oncontextmenu=function() { return false;} 修改默认行为： <!DOCTYPE html><html lang="en"><head> <meta charset="U 阅读全文

posted @ 2016-07-18 11:25 早安.晚安 阅读(157) 评论(0) 推荐(0)
鼠标事件--物体跟着鼠标动

摘要： 在讲述鼠标事件之前先讲一个对象--event： event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行. 例子：event事件：点击任何位置显示当前位置的横纵坐标。 <!DOCTYPE html><ht 阅读全文

posted @ 2016-07-18 11:15 早安.晚安 阅读(355) 评论(0) 推荐(0)

2016年7月17日

浅谈javascript中事件冒泡与事件捕获

摘要： 事件冒泡：一个事件会顺着他的层级一直往上传，一直传到document上为止，即从盒模型上看是从内到外的过程。 例： <!DOCTYPE html><html lang="en" onclick="alert('html')"><head> <meta charset="UTF-8"> <title> 阅读全文

posted @ 2016-07-17 21:57 早安.晚安 阅读(203) 评论(0) 推荐(0)

2016年5月29日

javascript运动应用

摘要： 多物体运动框架： 1.多个盒子同时运动：move（obj，target）多一个参数 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> div{ width: 100px; height: 50px; backgro 阅读全文

posted @ 2016-05-29 21:22 早安.晚安 阅读(252) 评论(0) 推荐(0)

2016年5月22日

display：none与visibility：hidden区别

摘要： display：none与visibility：hidden有一个共同的作用是隐藏要显示的内容isplay：none 隐藏，但是不占空间 “看不见摸不到” 加载 display：none 隐藏，但是不占空间 看不见摸不到不产生任何框，对布局没有影响，浏览器不显示其包括其后代元素，更不会占位 visi 阅读全文

posted @ 2016-05-22 18:33 早安.晚安 阅读(419) 评论(0) 推荐(0)
Javascript运动基础

摘要： javascript的运动非常实用，通过控制需要运动块的实际距离与要到达的距离的关系，结合定时器来控制小方块的各种运动。 运动框架 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> #div1{ width: 10 阅读全文

posted @ 2016-05-22 18:18 早安.晚安 阅读(265) 评论(0) 推荐(0)

2016年5月17日

HTML之iframe

摘要： iframe：是框架的一种形式。 属性： frameborder=0/1 表示是否显示周围边框 0--否 1--是 width，height：设置的边框宽高，具体数值不需要加单位，也可用百分比 marginwidth：设置显示的内容的左右边距；marginheight：设置显示的内容的上下边距 bo 阅读全文

posted @ 2016-05-17 21:31 早安.晚安 阅读(467) 评论(0) 推荐(0)

2016年4月1日

盒模型与在低版本IE下的区别

摘要： 对css有一定了解的同学一定听说过盒模型，在这里以我自己的一点儿了解和认知来解释一下盒模型与盒模型在低版本IE浏览器下与其他浏览器下的区别。 W3c标准下的盒模型 盒模型由 content（内容），padding（内填充），border（边框），margin（外边距）组成。 对div盒子定义宽高时， 阅读全文

posted @ 2016-04-01 09:46 早安.晚安 阅读(819) 评论(0) 推荐(0)

2016年3月31日

BFC学习笔记

摘要： BFC：块级格式化上下文 占用某一块的空间位置，主要用于清除内部浮动（防止因浮动脱离文档流引起的布局错乱），margin值的嵌套（之前写过一篇关于margin-top嵌套的解决方法），三列布局（占用空间）。 BFC布局规则：（摘自http://www.cnblogs.com/lhb25/p/insi 阅读全文

posted @ 2016-03-31 22:00 早安.晚安 阅读(184) 评论(0) 推荐(0)
下一页