-
事件代理查看全部
-
事件代理，可多个元素绑定同一事件查看全部
-
事件代理查看全部
-
$.get()方法，ajax回调函数的3个关键值，查看全部
-
动态显示tab选项： var tab = document.getElementsByClassName("m-tab")[0], li = tab.getElementsByTagName("li"); addEvent(tab, "mouseenter", function(){ this.className += " hover"; }); addEvent(tab, "mouseleave", function(){ tab.className = tab.className.replace(/\s*hover/g, ""); }); addEvent(li[0], "mouseenter", function(){ if(this.className.indexOf("selected") < 0){ li[1].className = ""; this.className = "selected"; } }); addEvent(li[0], "click", function(){ tab.className = tab.className.replace(/\s*hover/g, ""); }); addEvent(li[1], "mouseenter", function(){ if(this.className.indexOf("selected") < 0){ li[0].className = ""; this.className = "selected"; } }); addEvent(li[1], "click", function(){ tab.className = tab.className.replace(/\s*hover/g, ""); });查看全部
-
.search-list{position:absolute; top:3px; left:3px; width:72px; height:39px; overflow:hidden; border-left:1px solid #f6f6f6; border-right:1px solid #e5e5e5;} .search-list li{display:block; height:39px; line-height:39px; overflow:hidden; background-color:#fff; text-align:center;} .search-list li a{color:#6c6c6c;} .search-list .selected{background-color:#f6f6f6;}查看全部
-
在input标签中添加属性x-webkit-speech=""可以调用语音输入功能（限chrome浏览器），但是该功能已废弃。请使用Web Speech API代替（需翻墙）。查看全部
-
使用字符图标代替图片，可以降低对宽带的消耗，提高网页速度。 再style标签中自定义字符集： @font-face{ font-family: 取个名字; src: url(字符集地址); } 选择器{ font-family: font-face定义的名字; font-XXX: 其他字体属性; } 然后要在icon容器中写上对应的符号或字符编码。查看全部
-
美化：查看全部
-
大致结构和样式：查看全部
-
封装事件代理： var delegate = function(target, type, fn){ addEvent(document, type, function(e){ if(e.target.nodeName == target.toUpperCase()){ fn.call(e.target); } }); }查看全部
-
get请求（课程有错误，true代表异步，false代表同步）： var ajaxGet = function(url, fn){ // 获取XHR对象 var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else if(window.ActiveXObject){ xhr = new ActiveXObject("Microsoft.XMLHTTP"); } // 发送get请求 if(!xhr || typeof fn !== "function") return false; xhr.onreadystatechange = function(){ if(xhr.readyState === 4 && xhr.status === 200){ fn(JSON.parse(xhr.responseText)); } } xhr.open("GET", url, true); xhr.send(null); }查看全部
-
获得元素至浏览器左边的距离（至顶端把Left换成Top）： var getEleLeft = function(ele){ var offLeft = ele.offsetLeft, cur = ele.offsetParent; while(cur !== null){ offLeft += cur.offsetLeft; cur = cur.offsetParent; } return offLeft; }查看全部
-
addEventListener兼容： var addEvent = function(ele, type, fn, isCapture){ if(ele.addEventListener){ ele.addEventListener(type, fn, !!isCapture); } else if(ele.attachEvent){ ele.attachEvent("on" + type, fn); } else{ ele["on"+type] = fn; } }查看全部
-
JQ事件代理，建议使用.on(<events>, <childSelector>, <fn>)查看全部
举报
0/150
提交
取消