十、工厂模式的弊端
十、工厂模式的弊端工厂模式：定义一个对象，传递一些参数，最终返回一个对象123456789101112131415161718192021222324252627282930313233343536// 定义函数 创建人function people(name, age, sex){ ...
九、滚动轮播图修改面向过程为面向对象
九、滚动轮播图修改面向过程为面向对象执行代码：1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 ...
八、面向对象
八、面向对象8.1 面向过程之前我们所写的代码都是面向过程的书写方式举例：1234var name1 = "老王";var length = 180;var age = 30;var sex = "男";面向过程：123456var person = { name1: "老王", ...
七、小钢琴
七、小钢琴7.1 dom结构12345678910<ul> <li></li> <li></li> <li></li> <li></li> <li>& ...
六、尝试给div添加onkeydown事件
六、尝试给div添加onkeydown事件1234567891011<div id="box" tabIndex="2"></div>// 如果要给document添加onkeydown事件，直接添加即可// 如果要给一个div元素添加onkeydown事件，要想办法让div ...
五、tabIndex
五、tabIndex该属性是html的标准属性页面中的元素有很多，当用户失去鼠标的时候，可以通过键盘上的tab键来选择元素按下tab键是按照顺序来获取元素的焦点按下tab + shift键 是逆序来获取元素的焦点tabIndex的属性值决定了按下tab键的获取顺序举例：123456789101112 ...
四、键盘事件
四、键盘事件onkeyDown 当键盘按下的时候触发绑定方式：1234567891011121314// 键盘按下document.onkeydown = function(){ console.log("键盘按下了");}// 键盘抬起document.onkeyup = ...
三、滚动轮播图
三、滚动轮播图3.1 dom结构1234567891011<div id="carousel"> <ul id="unit"> <li><img src="images/lunbo/1.jpg" alt=""></li> ...
二、事件对象
二、事件对象在鼠标的点击事件中，我们关心的是鼠标的位置在鼠标滚轮事件中，我们关心的是鼠标滚轮的方向2.1 在chrome和IE中在chrome中：向下滚动： -120的倍数向上滚动： 120的倍数在IE中：向下滚动： -120的倍数向上滚动： 120的倍数总结：在非火狐中（IE、chrome）指示鼠 ...
一、mousewheel鼠标滚轮事件
一、mousewheel鼠标滚轮事件1.1 定义一个函数，实现多个浏览器的绑定123456789101112131415161718192021222324252627// 定义一个函数，可以实现多个浏览器的事件绑定function bindEvent(dom, type, fn){ ...