视频二区在线,国内精品一区二区三区,人妻熟女一二三区夜夜爱

- 龍誠動態(tài)
  
  行業(yè)新聞
  
  我們的觀點
  
  公司公告
  
  建站技術(shù)
  
  網(wǎng)站SEO優(yōu)化
  
  網(wǎng)站制作流程
  
  產(chǎn)品報價
  - 聯(lián)系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯(lián)系手機：15224122065
  - 聯(lián)系地址：溫州市甌海站南商貿(mào)城C幢306
- - 首頁-新聞中心-建站技術(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=utf-8" /> <title>setTimeout應(yīng)用特效演示 by js.alixixi.com</title> <style> body,div,ul,li,p{margin:0;padding:0;} body{font:12px/1.5 Arial;} ul{list-style-type:none;} #nav,#nav ul,#nav ul li,#nav ul li a:hover,#nav .subnav,#nav .subnav p,#nav .subnav p span,#nav .subnav .arrow{background:url(http://js.fgm.cc/learn/lesson4/img/nav_bg.png) no-repeat;} #nav{position:relative;width:910px;background-position:0 -36px;margin:10px auto;} #nav ul{height:36px;line-height:36px;margin-left:10px;padding-right:10px;overflow:hidden;background-position:right -72px;} #nav ul li{float:left;width:110px;margin-left:-2px;background-position:0 -108px;} #nav ul li a{font-size:14px;color:#fff;width:102px;display:block;text-align:center;text-decoration:none;margin:0 2px 0 4px;} #nav ul li a:hover{font-weight:700;background-position:-3px -144px;} #nav .subnav{display:none;position:absolute;top:41px;width:auto!important;min-width:110px;height:27px;line-height:27px;white-space:nowrap;background-position:0 -180px;} #nav .subnav p{margin-left:10px;padding-right:10px;background-position:right -234px;} #nav .subnav p span{display:block;color:#235e99;background-repeat:repeat-x;background-position:0 -207px;} #nav .subnav p a{font-size:12px;display:inline;color:#235e99;text-decoration:none;margin:0 5px;padding:0 2px;} #nav .subnav p a:hover{font-weight:400;background-image:none;border-bottom:2px solid;} #nav .subnav .arrow{position:absolute;top:-4px;display:block;width:11px;height:5px;background-position:0 -261px;} </style> <script type="text/javascript"> var get = { byId: function(id) { return document.getElementById(id) }, byClass: function(sClass, oParent) { var aClass = []; var reClass = new RegExp("(^| )" + sClass + "( |$)"); var aElem = this.byTagName("*", oParent); for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]); return aClass }, byTagName: function(elem, obj) { return (obj || document).getElementsByTagName(elem) } }; window.onload = function () { var oNav = get.byId("nav"); var aLi = get.byTagName("li", oNav); var aSubNav = get.byClass("subnav", oNav); var oSubNav = oEm = timer = null; var i = 0; for (i = 1; i < aLi.length; i++) { aLi[i].onmouseover = function () { //隱藏所有子菜單 for (i = 0; i < aSubNav.length; i++)aSubNav[i].style.display = "none"; //獲取該項下的子菜單 oSubNav = get.byClass("subnav", this)[0]; //獲取該項下的指示箭頭 oEm = get.byTagName("em", this)[0]; //顯示該項下的子菜單 oSubNav.style.display = "block"; //判斷顯示區(qū)域 oNav.offsetWidth - this.offsetLeft > oSubNav.offsetWidth ? //如果在顯示范圍居左顯示 oSubNav.style.left = this.offsetLeft + "px" : //超出顯示范圍居右顯示 oSubNav.style.right = 0; //計算指標(biāo)箭頭顯示位置 oEm.style.left = this.offsetLeft - oSubNav.offsetLeft + 50 + "px"; clearTimeout(timer); //阻止事件冒泡 oSubNav.onmouseover = function (event) { (event || window.event).cancelBubble = true; clearTimeout(timer) } }; aLi[i].onmouseout = function () { timer = setTimeout(function () { oSubNav.style.display = "none" },300) } } }; </script> </head> <body> <div class="2d7sira" id="nav"> <ul> <li><a href="http://www.huygw.cn">龍誠互聯(lián)</a></li> <li> <a href="http://js.alixixi.com">網(wǎng)頁特效</a> <div id="96nxlpx" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">業(yè)界動態(tài)</a>| <a href="javascript:;">收購融資</a>| <a href="javascript:;">門戶動態(tài)</a>| <a href="javascript:;">搜索引擎</a>| <a href="javascript:;">網(wǎng)絡(luò)游戲</a>| <a href="javascript:;">電子商務(wù)</a>| <a href="javascript:;">廣告?zhèn)髅?/a>| <a href="javascript:;">廠商開發(fā)</a> </span> </p> </div> </li> <li> <a href="javascript:;">站長在線</a> <div id="giuh2wg" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">站長報道</a>| <a href="javascript:;">好站推薦</a>| <a href="javascript:;">站長聚會</a>| <a href="javascript:;">站長訪談</a>| <a href="javascript:;">站長茶館</a>| <a href="javascript:;">網(wǎng)站排行</a> </span> </p> </div> </li> <li> <a href="javascript:;">網(wǎng)站運營</a> <div id="ddujvzf" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">建站經(jīng)驗</a>| <a href="javascript:;">策劃盈利</a>| <a href="javascript:;">搜索優(yōu)化</a>| <a href="javascript:;">網(wǎng)站推廣</a>| <a href="javascript:;">免費資源</a> </span> </p> </div> </li> <li> <a href="javascript:;">設(shè)計在線</a> <div id="mqmanv7" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">酷站推薦</a>| <a href="javascript:;">網(wǎng)頁設(shè)計</a>| <a href="javascript:;">WEB標(biāo)準(zhǔn)</a>| <a href="javascript:;">視頻處理</a>| <a href="javascript:;">設(shè)計活動</a> </span> </p> </div> </li> <li> <a href="javascript:;">網(wǎng)絡(luò)編程</a> <div id="ggcqfms" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">Asp編程</a>| <a href="javascript:;">Php編程</a>| <a href="javascript:;">.Net編程</a>| <a href="javascript:;">Xml編程</a>| <a href="javascript:;">Access</a>| <a href="javascript:;">Mssql</a>| <a href="javascript:;">Mysql</a> </span> </p> </div> </li> <li> <a href="javascript:;">聯(lián)盟資訊</a> <div id="nqoeqsa" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">聯(lián)盟動態(tài)</a>| <a href="javascript:;">聯(lián)盟介紹</a>| <a href="javascript:;">聯(lián)盟點評</a>| <a href="javascript:;">網(wǎng)賺技巧</a> </span> </p> </div> </li> <li> <a href="javascript:;">服務(wù)器</a> <div id="ksn2o92" class="subnav"> <em class="arrow"></em> <p> <span> <a href="javascript:;">Web服務(wù)器</a>| <a href="javascript:;">Ftp服務(wù)器</a>| <a href="javascript:;">Mail服務(wù)器</a>| <a href="javascript:;">Dns服務(wù)器</a>| <a href="javascript:;">Win服務(wù)器</a>| <a href="javascript:;">Linux服務(wù)器</a>| <a href="javascript:;">安全防護</a>| <a href="javascript:;">虛擬主機</a> </span> </p> </div> </li> </ul> </div> </body> </html>