亚洲国产一区二区三区,国产区日韩欧美,国内精品福利

- 龍誠動態
  
  行業新聞
  
  我們的觀點
  
  公司公告
  
  建站技術
  
  網站SEO優化
  
  網站制作流程
  
  產品報價
  - 聯系電話：0577-55882408
  - 傳真號碼：0577-55882411
  - 聯系手機：15224122065
  - 聯系地址：溫州市甌海站南商貿城C幢306
- - 首頁-新聞中心-建站技術
  <!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>仿百度風云榜TAB切換——阿里西西特效頻道</title> <style> body,div,h5,ul,li{margin:0;padding:0;} body{font:12px/1.5 Arial;} li{list-style:none;} a:link,a:visited{color:#333;text-decoration:none;} a:hover{text-decoration:underline;} #wrap{width:836px;border:3px solid #1972C0;border-width:3px 0;margin:10px auto;} #list{overflow:hidden;zoom:1;margin-left:-10px;} #wrap .item{display:inline;float:left;width:270px;padding-bottom:10px;border:1px solid #EBEBEB;margin:10px 0 10px 10px;} #wrap .item .tab{position:relative;height:25px;border-bottom:1px solid #CCC;margin:8px;} #wrap .item .tab h5{position:absolute;left:10px;font-size:14px;} #wrap .item .tab .switchBtn{position:absolute;top:3px;right:0;} #wrap .item .tab .switchBtn a{float:left;width:15px;height:15px;margin-left:5px;overflow:hidden;text-indent:-999px;background:url(http://js.fgm.cc/learn/lesson10/img/icon_arr.gif) no-repeat;outline:none;} #wrap .item .tab .switchBtn a.prev{background-position:0 -25px;} #wrap .item .tab .switchBtn a.prevNot{background-position:0 0;cursor:default;} #wrap .item .tab .switchBtn a.next{background-position:right -25px;} #wrap .item .tab .switchBtn a.nextNot{background-position:right 0;cursor:default;} #wrap .item .tab ul{position:absolute;top:-2px;left:50px;width:160px;height:28px;overflow:hidden;} #wrap .item .tab ul li{float:left;cursor:pointer;line-height:26px;padding:0 8px;} #wrap .item .tab ul li.current{cursor:text;color:#E45E2E;font-weight:700;border:1px solid #CCC;border-bottom-color:#FFF;} #wrap .item .items{display:none;background:url(http://js.fgm.cc/learn/lesson10/img/icon_num.gif) 15px 4px no-repeat;padding:0 15px;} #wrap .item .items a{color:#3A64B0;} #wrap .item .items li{height:24px;line-height:24px;padding-left:20px;border-bottom:1px solid #EBEBEB;} #wrap .item .btn{height:22px;margin-top:10px;} #wrap .item .btn a{float:right;width:74px;height:22px;overflow:hidden;margin-right:15px;text-indent:-9999px;background:url(http://js.fgm.cc/learn/lesson10/img/icon_btn.gif) no-repeat;} #wrap .item .btn a:hover{background-position:0 -22px;} #copyright{color:#9A9A9A;text-align:center;} #copyright a{color:#FFF;padding:2px 5px;border-radius:10px;background:#9A9A9A;} </style> <script> var fgm = { $: function(id) { return typeof id === "object" ? id : document.getElementById(id); }, $$: function(tagName, oParent) { return (oParent || document).getElementsByTagName(tagName); }, $$$: function(className, element, tagName) { var i = 0, aClass = [], reClass = new RegExp("(^|\\s)" + className + "(\\s|$)"), aElement = fgm.$$(tagName || "*", element || document); for (i = 0; i < aElement.length; i++) reClass.test(aElement[i].className) && aClass.push(aElement[i]); return aClass; }, index: function(element) { var aChildren = element.parentNode.children, i; for(i = 0; i < aChildren.length; i++) if(aChildren[i] === element) return i; return -1; }, on: function(element, type, handler) { return element.addEventListener ? element.addEventListener(type, handler, !1) : element.attachEvent("on" + type, handler); }, bind: function(object, handler) { return function() { return handler.apply(object, arguments); }; } }; function Tab(id) { var that = this; this.obj = fgm.$(id); this.oTab = fgm.$$$("tab", this.obj)[0]; this.aTab = fgm.$$("li", this.oTab); this.oSwitch = fgm.$$$("switchBtn", this.oTab)[0]; this.oPrev = fgm.$$("a", this.oSwitch)[0]; this.oNext = fgm.$$("a", this.oSwitch)[1]; this.aItems = fgm.$$$("items", this.obj); this.iNow = 0; fgm.on(this.oSwitch, "click", fgm.bind(this, this.fnClick)); fgm.on(this.oTab, "mouseover", fgm.bind(this, this.fnMouseOver)); } Tab.prototype = { fnMouseOver: function(ev) { var oEv = ev || event, oTarget = oEv.target || oEv.srcElement; oTarget.tagName.toUpperCase() === "LI" && (this.iNow = fgm.index(oTarget)); this.fnSwitch(); }, fnClick: function(ev) { var oEv = ev || event, oTarget = oEv.target || oEv.srcElement, i; switch(fgm.index(oTarget)) { case 0: if(oTarget.className == "prev") { this.aTab[this.iNow].style.display = "block"; this.iNow--; }; break; case 1: if(oTarget.className == "next") { for(i = 0; i < this.iNow; i++) this.aTab[i].style.display = "none"; this.iNow++; }; break; }; this.aTab[this.iNow].style.display = "block"; this.fnSwitch(); }, fnSwitch: function() { for(var i = 0; i < this.aTab.length; i++) (this.aTab[i].className = "", this.aItems[i].style.display = "none"); this.aTab[this.iNow].className = "current"; this.aItems[this.iNow].style.display = "block"; this.oPrev.className = this.iNow == 0 ? "prevNot" : "prev"; this.oNext.className = this.iNow == this.aTab.length - 1 ? "nextNot" : "next"; } }; //應用 fgm.on(window, "load", function() { var aItem = fgm.$$$("item"), i = 0; for(; i < aItem.length; i++) new Tab(aItem[i]); }); </script> </head> <body> <div class="jfjh7jh" id="wrap"> <div class="7p5f5b7" id="list"> <div id="75hvlt5" class="item"> <div id="trfhvdp" class="tab"> <h5><a href="http://js.alixixi.com">教育</a></h5> <ul> <li id="7xr5rd5" class="current">基礎教育</li> <li>英語培訓</li> <li>留學機構</li> <li>語言培訓</li> <li>IT培訓</li> </ul> <span id="jt5lpx5" class="switchBtn"><a class="prevNot">左</a><a class="next">右</a></span> </div> <ul class="items" style="display:block;"> <li><a >北京四中網校</a></li> <li><a >學大教育</a></li> <li><a >中國統一教育網</a></li> <li><a >101遠程教育網</a></li> <li><a >巨人教育</a></li> <li><a >黃岡中學網校</a></li> </ul> <ul class="items"> <li><a >新東方</a></li> <li><a >英孚教育</a></li> <li><a >環球雅思</a></li> <li><a >韋博國際英語</a></li> <li><a >華爾街英語</a></li> <li><a >新航道</a></li> </ul> <ul class="items"> <li><a >2+2留學</a></li> <li><a >澳際留學</a></li> <li><a >新東方前途出國</a></li> <li><a >啟德留學</a></li> <li><a >嘉華世達</a></li> <li><a >金吉列留學</a></li> </ul> <ul class="items"> <li><a >新東方</a></li> <li><a >英孚教育</a></li> <li><a >昂立教育</a></li> <li><a >環球雅思</a></li> <li><a >韋博國際英語</a></li> <li><a >華爾街英語</a></li> </ul> <ul class="items"> <li><a >北大青鳥</a></li> <li><a >新華電腦學校</a></li> <li><a >完美動力</a></li> <li><a >達內培訓</a></li> <li><a >匯眾教育</a></li> <li><a >思遠IT學院</a></li> </ul> <div id="dndhlfd" class="btn"><a >完整榜單</a></div> </div> <div id="nvnnrnz" class="item"> <div id="pb5xblj" class="tab"> <h5><a >教育</a></h5> <ul> <li id="dphln7x" class="current">基礎教育</li> <li>英語培訓</li> <li>留學機構</li> <li>語言培訓</li> <li>IT培訓</li> </ul> <span id="v5lbdnx" class="switchBtn"><a class="prevNot">左</a><a class="next">右</a></span> </div> <ul class="items" style="display:block;"> <li><a >北京四中網校</a></li> <li><a >學大教育</a></li> <li><a >中國統一教育網</a></li> <li><a >101遠程教育網</a></li> <li><a >巨人教育</a></li> <li><a >黃岡中學網校</a></li> </ul> <ul class="items"> <li><a >新東方</a></li> <li><a >英孚教育</a></li> <li><a >環球雅思</a></li> <li><a >韋博國際英語</a></li> <li><a >華爾街英語</a></li> <li><a >新航道</a></li> </ul> <ul class="items"> <li><a >2+2留學</a></li> <li><a >澳際留學</a></li> <li><a >新東方前途出國</a></li> <li><a >啟德留學</a></li> <li><a >嘉華世達</a></li> <li><a >金吉列留學</a></li> </ul> <ul class="items"> <li><a >新東方</a></li> <li><a >英孚教育</a></li> <li><a >昂立教育</a></li> <li><a >環球雅思</a></li> <li><a >韋博國際英語</a></li> <li><a >華爾街英語</a></li> </ul> <ul class="items"> <li><a >北大青鳥</a></li> <li><a >新華電腦學校</a></li> <li><a >完美動力</a></li> <li><a >達內培訓</a></li> <li><a >匯眾教育</a></li> <li><a >思遠IT學院</a></li> </ul> <div id="5d555xh" class="btn"><a >完整榜單</a></div> </div> <div id="db7j5vf" class="item"> <div id="xhvlp7x" class="tab"> <h5><a >教育</a></h5> <ul> <li id="j7lpttt" class="current">基礎教育</li> <li>英語培訓</li> <li>留學機構</li> <li>語言培訓</li> <li>IT培訓</li> </ul> <span id="fptvxtr" class="switchBtn"><a class="prevNot">左</a><a class="next">右</a></span> </div> <ul class="items" style="display:block;"> <li><a >北京四中網校</a></li> <li><a >學大教育</a></li> <li><a >中國統一教育網</a></li> <li><a >101遠程教育網</a></li> <li><a >巨人教育</a></li> <li><a >黃岡中學網校</a></li> </ul> <ul class="items"> <li><a >新東方</a></li> <li><a >英孚教育</a></li> <li><a >環球雅思</a></li> <li><a >韋博國際英語</a></li> <li><a >華爾街英語</a></li> <li><a >新航道</a></li> </ul> <ul class="items"> <li><a >2+2留學</a></li> <li><a >澳際留學</a></li> <li><a >新東方前途出國</a></li> <li><a >啟德留學</a></li> <li><a >嘉華世達</a></li> <li><a >金吉列留學</a></li> </ul> <ul class="items"> <li><a >新東方</a></li> <li><a >英孚教育</a></li> <li><a >昂立教育</a></li> <li><a >環球雅思</a></li> <li><a >韋博國際英語</a></li> <li><a >華爾街英語</a></li> </ul> <ul class="items"> <li><a >北大青鳥</a></li> <li><a >新華電腦學校</a></li> <li><a >完美動力</a></li> <li><a >達內培訓</a></li> <li><a >匯眾教育</a></li> <li><a >思遠IT學院</a></li> </ul> <div id="n75txhp" class="btn"><a >完整榜單</a></div> </div> </div>  </div>  <div class="757pvh5" id="copyright">如蒙轉載請注明出處 <a >網頁特效</a> </div>  </body> </html>

久久精品一二三区_欧美一区网站_亚洲制服av_国产欧美日韩另类一区_成人av综合网_碰碰在线视频_欧美精品在欧美一区二区少妇_免费观看亚洲_青青一区二区三区_国产传媒一区二区