-
事件代理查看全部
-
事件代理，可多個(gè)元素綁定同一事件查看全部
-
事件代理查看全部
-
$.get()方法，ajax回調(diào)函數(shù)的3個(gè)關(guān)鍵值，查看全部
-
動(dòng)態(tài)顯示tab選項(xiàng)： 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標(biāo)簽中添加屬性x-webkit-speech=""可以調(diào)用語音輸入功能（限chrome瀏覽器），但是該功能已廢棄。請(qǐng)使用Web Speech API代替（需翻墻）。查看全部
-
使用字符圖標(biāo)代替圖片，可以降低對(duì)寬帶的消耗，提高網(wǎng)頁速度。 再style標(biāo)簽中自定義字符集： @font-face{ font-family: 取個(gè)名字; src: url(字符集地址); } 選擇器{ font-family: font-face定義的名字; font-XXX: 其他字體屬性; } 然后要在icon容器中寫上對(duì)應(yīng)的符號(hào)或字符編碼。查看全部
-
美化：查看全部
-
大致結(jié)構(gòu)和樣式：查看全部
-
封裝事件代理： var delegate = function(target, type, fn){ addEvent(document, type, function(e){ if(e.target.nodeName == target.toUpperCase()){ fn.call(e.target); } }); }查看全部
-
get請(qǐng)求（課程有錯(cuò)誤，true代表異步，false代表同步）： var ajaxGet = function(url, fn){ // 獲取XHR對(duì)象 var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else if(window.ActiveXObject){ xhr = new ActiveXObject("Microsoft.XMLHTTP"); } // 發(fā)送get請(qǐng)求 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>)查看全部
舉報(bào)
0/150
提交
取消