久久精品是免费100,教师动漫,天天久久综合

- 龍誠(chéng)動(dòng)態(tài)
  
  行業(yè)新聞
  
  我們的觀點(diǎn)
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報(bào)價(jià)
  - 聯(lián)系電話：0577-55882408
  - 傳真號(hào)碼：0577-55882411
  - 聯(lián)系手機(jī)：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁(yè)-新聞中心-建站技術(shù)
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>自定義多級(jí)右鍵彈出菜單 </title> <style type="text/css"> html,body{height:100%;overflow:hidden;} body,div,ul,li{margin:0;padding:0;} body{font:12px/1.5 \5fae\8f6f\96c5\9ed1;} ul{list-style-type:none;} #menu_zzjs_net{position:absolute;top:-9999px;left:-9999px;} #menu_zzjs_net ul{float:left;border:1px solid #979797;background:#f1f1f1 url(/img/20120417wwwzzjsnet_10.png) 24px 0 repeat-y;padding:2px;box-shadow:2px 2px 2px rgba(0,0,0,.6);} #menu_zzjs_net ul li{float:left;clear:both;height:24px;cursor:pointer;line-height:24px;white-space:nowrap;padding:0 30px;} #menu_zzjs_net ul li.sub{background-repeat:no-repeat;background-position:right 9px;background-image:url(/img/20120417wwwzzjsnet_11.png);} #menu_zzjs_net ul li.active{background-color:#f1f3f6;border-radius:3px;border:1px solid #aecff7;height:22px;line-height:22px;background-position:right -8px;padding:0 29px;} #menu_zzjs_net ul ul{display:none;position:absolute;} </style> <script type="text/javascript"> var getOffset = { top: function (obj) { return obj.offsetTop + (obj.offsetParent ? arguments.callee(obj.offsetParent) : 0) }, left: function (obj) { return obj.offsetLeft + (obj.offsetParent ? arguments.callee(obj.offsetParent) : 0) } }; window.onload = function () { var oMenu = document.getElementById("menu_zzjs_net"); var aUl = oMenu.getElementsByTagName("ul"); var aLi = oMenu.getElementsByTagName("li"); var showTimer = hideTimer = null; var i = 0; var maxWidth = maxHeight = 0; var aDoc = [document.documentElement.offsetWidth, document.documentElement.offsetHeight]; oMenu.style.display = "none"; for (i = 0; i < aLi.length; i++) { //為含有子菜單的li加上箭頭 aLi[i].getElementsByTagName("ul")[0] && (aLi[i].className = "sub"); //鼠標(biāo)移入 aLi[i].onmouseover = function () { var oThis = this; var oUl = oThis.getElementsByTagName("ul"); //鼠標(biāo)移入樣式 oThis.className += " active"; //顯示子菜單 if (oUl[0]) { clearTimeout(hideTimer); showTimer = setTimeout(function () { for (i = 0; i < oThis.parentNode.children.length; i++) { oThis.parentNode.children[i].getElementsByTagName("ul")[0] && (oThis.parentNode.children[i].getElementsByTagName("ul")[0].style.display = "none"); } oUl[0].style.display = "block"; oUl[0].style.top = oThis.offsetTop + "px"; oUl[0].style.left = oThis.offsetWidth + "px"; setWidth(oUl[0]); //最大顯示范圍 maxWidth = aDoc[0] - oUl[0].offsetWidth; maxHeight = aDoc[1] - oUl[0].offsetHeight; //防止溢出 maxWidth < getOffset.left(oUl[0]) && (oUl[0].style.left = -oUl[0].clientWidth + "px"); maxHeight < getOffset.top(oUl[0]) && (oUl[0].style.top = -oUl[0].clientHeight + oThis.offsetTop + oThis.clientHeight + "px") },300); } }; //鼠標(biāo)移出 aLi[i].onmouseout = function () { var oThis = this; var oUl = oThis.getElementsByTagName("ul"); //鼠標(biāo)移出樣式 oThis.className = oThis.className.replace(/\s?active/,""); clearTimeout(showTimer); hideTimer = setTimeout(function () { for (i = 0; i < oThis.parentNode.children.length; i++) { oThis.parentNode.children[i].getElementsByTagName("ul")[0] && (oThis.parentNode.children[i].getElementsByTagName("ul")[0].style.display = "none"); } },300); }; } //自定義右鍵菜單 document.oncontextmenu = function (event) { var event = event || window.event; oMenu.style.display = "block"; oMenu.style.top = event.clientY + "px"; oMenu.style.left = event.clientX + "px"; setWidth(aUl[0]); //最大顯示范圍 maxWidth = aDoc[0] - oMenu.offsetWidth; maxHeight = aDoc[1] - oMenu.offsetHeight; //防止菜單溢出 oMenu.offsetTop > maxHeight && (oMenu.style.top = maxHeight + "px"); oMenu.offsetLeft > maxWidth && (oMenu.style.left = maxWidth + "px"); return false; }; //點(diǎn)擊隱藏菜單 document.onclick = function () { oMenu.style.display = "none" }; //取li中最大的寬度, 并賦給同級(jí)所有l(wèi)i function setWidth(obj) { maxWidth = 0; for (i = 0; i < obj.children.length; i++) { var oLi = obj.children[i]; var iWidth = oLi.clientWidth - parseInt(oLi.currentStyle ? oLi.currentStyle["paddingLeft"] : getComputedStyle(oLi,null)["paddingLeft"]) * 2 if (iWidth > maxWidth) maxWidth = iWidth; } for (i = 0; i < obj.children.length; i++) obj.children[i].style.width = maxWidth + "px"; } }; </script> </head> <body> <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <center>自定義右鍵菜單，請(qǐng)?jiān)陧?yè)面點(diǎn)擊右鍵查看效果。</center> <div class="wmvwfqqt" id="menu_zzjs_net"> <ul> <li><strong>JavaScript 學(xué)習(xí)</strong></li> <li> 第一課 <ul> <li>網(wǎng)頁(yè)特效原理分析</li> <li>響應(yīng)用戶操作</li> <li>提示框效果</li> <li>事件驅(qū)動(dòng)</li> <li>元素屬性操作</li> </ul> </li> <li> 第二課 <ul> <li>改變網(wǎng)頁(yè)背景顏色</li> <li>函數(shù)傳參</li> <li>高重用性函數(shù)的編寫(xiě)</li> <li>126郵箱全選效果</li> <li>循環(huán)及遍歷操作</li> </ul> </li> <li> 第三課 <ul> <li> JavaScript組成 <ul> <li>ECMAScript</li> <li>DOM</li> <li>BOM</li> <li>JavaScript兼容性來(lái)源</li> </ul> </li> <li>JavaScript出現(xiàn)的位置、優(yōu)缺點(diǎn)</li> <li>變量、類(lèi)型、typeof、數(shù)據(jù)類(lèi)型轉(zhuǎn)換、變量作用域</li> <li> 閉包 <ul> <li>什么是閉包</li> <li>簡(jiǎn)單應(yīng)用</li> <li>閉包缺點(diǎn)</li> </ul> </li> <li>運(yùn)算符</li> <li>程序流程控制</li> <li> 定時(shí)器的使用 <ul> <li>setInterval</li> <li>setTimeout</li> </ul> </li> </ul> </li> </ul> </div> </body> </html>

亚州一级-亚州视频在线-亚州视频一区二区-亚州视频一区-亚州三级视频-亚州三级