2017年4月19日
鼠标事件-拖拽（不能拖出窗口的div）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #div2 { width: 150px; height: 150px; position: absolute; background: #CCCC 阅读全文
posted @ 2017-04-19 16:39 梁大爷 阅读(1627) 评论(0) 推荐(1)
2017年4月18日
键盘事件（只能输入数字的输入框，删除键可用）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var text1 = document.getElementById('text1'); 阅读全文
posted @ 2017-04-18 15:22 梁大爷 阅读(1386) 评论(0) 推荐(0)
鼠标点击事件（屏蔽右键菜单，弹出自定义菜单）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> /*跟运动相关的模块都需要绝对定位*/ #idv1 {background: #CCCCCC;display: none;width: 50px;p 阅读全文
posted @ 2017-04-18 10:07 梁大爷 阅读(3496) 评论(0) 推荐(1)
2017年4月17日
多物体运动3（最终的运动框架）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div { width: 150px; height: 150px; background: red; float: left; margin: 1 阅读全文
posted @ 2017-04-17 15:19 梁大爷 阅读(151) 评论(0) 推荐(0)
2017年4月14日
键盘事件
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var text1 = document.getElementById('text1'); 阅读全文
posted @ 2017-04-14 17:20 梁大爷 阅读(203) 评论(0) 推荐(0)
鼠标移动事件（跟随鼠标移动的div）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 10px; height: 10px; margin: 5px; position: absolute; } </style 阅读全文
posted @ 2017-04-14 13:56 梁大爷 阅读(1707) 评论(0) 推荐(0)
2017年4月13日
取消事件向父级或更高级冒泡
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 150px; height: 150px; background: #CCCCCC; margin: 10px; displ 阅读全文
posted @ 2017-04-13 11:11 梁大爷 阅读(290) 评论(0) 推荐(0)
2017年4月10日
关于document
摘要： document第二个子节点是html 阅读全文
posted @ 2017-04-10 15:54 梁大爷 阅读(214) 评论(1) 推荐(0)
2017年4月7日
多物体运动2（几种运动共用一套）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 150px; height: 150px; background: red; float: left; margin: 10 阅读全文
posted @ 2017-04-07 18:13 梁大爷 阅读(234) 评论(0) 推荐(0)
2017年4月5日
Javascript 多物体淡入淡出（透明度变化）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 150px; height: 150px; background: red; margin: 5px; float: lef 阅读全文
posted @ 2017-04-05 17:28 梁大爷 阅读(337) 评论(0) 推荐(0)