2019年8月28日
一连串div跟随鼠标移动
摘要： 一连串元素跟着鼠标移动 阅读全文
posted @ 2019-08-28 17:39 菜鸟小何 阅读(350) 评论(0) 推荐(0)
js模拟下拉菜单
摘要： Document 北京 北京 上海 广州 深圳 杭州 西安 ... 阅读全文
posted @ 2019-08-28 17:02 菜鸟小何 阅读(740) 评论(0) 推荐(1)
2019年8月27日
事件的绑定方式
摘要： demo 阅读全文
posted @ 2019-08-27 17:40 菜鸟小何 阅读(211) 评论(0) 推荐(0)
阻止默认时间
摘要： demo：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g 阅读全文
posted @ 2019-08-27 17:26 菜鸟小何 阅读(281) 评论(0) 推荐(0)
键盘事件
摘要： // 键盘事件加给谁？事件源是谁？ // var obox = document.querySelector(".box") // 通过事件对象的属性，得知按下的是哪个按键 document.onkeydown = function(eve){ var e = eve || window.event; if(e.keyCode =... 阅读全文
posted @ 2019-08-27 16:52 菜鸟小何 阅读(302) 评论(0) 推荐(0)
提示框跟随鼠标移动
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .box{width:500px;margin: 300px auto;border: solid 1px black;position: relative;} 阅读全文
posted @ 2019-08-27 11:57 菜鸟小何 阅读(995) 评论(0) 推荐(0)
世纪经典案例之万年历
摘要： Title 1JAN 2FER 3MAR 4APR 5MAY 6JUN 7JUL 8AUG 9SEP 10OCT 11NOV 12DEC ... 阅读全文
posted @ 2019-08-27 10:52 菜鸟小何 阅读(228) 评论(0) 推荐(0)
2019年8月26日
事件冒泡
摘要： // 事件冒泡 // 当触发某个元素的某个事件时，它会先触发自己的对应事件，然后，依次向上触发所有父级的相同事件,如果中间有父级没有相同事件，继续向上触发 // IE提出的 var obox1 = document.querySelector(".box1") var obox2 = document.querySelector(".box2") var obox3 = document.quer 阅读全文
posted @ 2019-08-26 17:35 菜鸟小何 阅读(144) 评论(0) 推荐(0)
事件对象
摘要： var obox = document.querySelector(".box") obox.onclick = function(){ console.log(1) } // 事件源：obox，触发事件的源头 // 事件类型：onclick，通过什么行为触发事件 // 事件处理函数：function，触发这个行为时，要做的事情 ... 阅读全文
posted @ 2019-08-26 17:32 菜鸟小何 阅读(246) 评论(0) 推荐(0)
样式的操作
摘要： 获取值尺寸样式： 阅读全文
posted @ 2019-08-26 17:00 菜鸟小何 阅读(249) 评论(0) 推荐(0)