Div之家_Div+CSS学习_SEO_Design_web2_站长工具_
Div之家首页
Div+css
SEO
UI
Design
Web info
HandBook
Tool
Div+css首页
热门搜索关键字：
教程
div
导航
ie
网站
css
超酷仿GOOGLE首页导航菜单效果
作者：佚名 来源：网络
（转载请注明）
<html><head><title>超酷仿GOOGLE首页<a href='http://www.divhome.com/csssite/plus/search/index.asp?keyword=%E5%AF%BC%E8%88%AA&searchtype=title' title='导航菜单' target='_blank'>导航</a>菜单效果</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"></head><body><script>window.google={kEI:"HBnlR8bgAorksALn3dTbBw",kEXPI:"17259,17735,18065",kHL:"zh-CN"};function sf(){document.f.q.focus()}window.clk=function(b,c,d,e,f,g){if(document.images){var a=encodeURIComponent||escape;(new Image).src="/url?sa=T"+(c?"&oi="+a(c):"")+(d?"&cad="+a(d):"")+"&ct="+a(e)+"&cd="+a(f)+(b?"&url="+a(b.replace(/#.*/,"")).replace(/\+/g,"%2B"):"")+"&ei=HBnlR8bgAorksALn3dTbBw"+g}return true};window.gbar={};(function(){var b=window.gbar,c,g,h;function n(d,f,e){d.visibility=h?"hidden":"visible";d.left=f+"px";d.top=e+"px"}b.tg=function(d){var f=0,e=0,a,i=0,o,l=window.navExtra,m,j=document,k=0;g=g||j.getElementById("gbar").getElementsByTagName("span");(d||window.event).cancelBubble=!i;if(!c){c=j.createElement(Array.every||window.createPopup?"iframe":"DIV");c.frameBorder="0";c.scrolling="no";c.src="#";g[7].parentNode.appendChild(c).id="gbi";if(l&&g[7])for(o in l){m=j.createElement("span");m.appendChild(l[o]);g[7].parentNode.insertBefore(m,g[7]).className="gb2"}j.onclick=b.close}while(a=g[++i]){if(e){n(a.style,e+1,f+25);k=Math.max(k,a.firstChild.tagName=="A"&&a.offsetWidth);f+=a.firstChild.tagName=="DIV"?9:20}if(a.className=="gb3"){do e+=a.offsetLeft;while(a=a.offsetParent)}}{i=0;while(a=g[++i])if(a.className=="gb2")a.style.width=k+"px";c.style.width=k+"px"}c.style.height=f+"px";n(c.style,e,24);h=!h};b.close=function(d){h&&b.tg(d)}})();(function(){function g(a,b,c){var d="on"+b;if(a.addEventListener){a.addEventListener(b,c,false)}else if(a.attachEvent){a.attachEvent(d,c)}else{var e=a[d];a[d]=function(){var f=e.apply(this,arguments),h=c.apply(this,arguments);return f==undefined?h:(h==undefined?f:h&&f)}}};var aa,i,j,l,n="",o,p=null,q=null,r=null,s=-1,t,u,v,w,x=null,y=null,z,A,ba={},B=null,C,F=0,G=0,H=0,I=null,J,K=false,L=false,M,N;{var ca=navigator.userAgent.toLowerCase();M=ca.indexOf("opera")!=-1;N=ca.indexOf("msie")!=-1&&!M}var O=null,da=new RegExp("^[\\s\\u1100-\\u11FF\\u3040-\\u30FF\\u3130-\\u318F\\u31F0-\\u31FF\\u3400-\\u4DBF\\u4E00-\\u9FFF\\uAC00-\\uD7A3\\uF900-\\uFAFF\\uFF65-\\uFFDC]+$"),P="google-ac-",ea=true;function fa(a,b,c,d,e,f,h,m){t=a;u=b;aa=d;O=e;ea=f;if(ga()==null){return}var k=window.google.kHL;J=/^(zh-(CN|TW)|ja|ko)$/.test(k);if(c=="search")c="";C="/complete/search?hl="+k+(c?"&ds="+c:"")+(m?"&pq="+ha(m):"")+(h?"&expid="+h:"")+"&client=suggest";t.onsubmit=ia;u.setAttribute("autocomplete","off");g(u,"blur",ja);g(u,"beforedeactivate",ka);if(u.addEventListener){u.onkeypress=la;u.onkeyup=na}else{g(u,N?"keydown":"keypress",la);g(u,"keyup",na)}j=(l=(i=u.value));o=oa(u);v=document.createElement("table");v.id="completeTable";v.cellSpacing=(v.cellPadding="0");w=v.style;v.className=P+"m";Q();document.body.appendChild(v);if(N){x=document.createElement("iframe");y=x.style;x.id="completeIFrame";y.zIndex="1";y.position="absolute";y.display="block";y.borderWidth=0;document.body.appendChild(x)}R();pa("",[],[]);qa();g(window,"resize",R);g(window,"pageshow",ra);if(J)window.setInterval(sa,10);z=ta("aq","f",false);A=ta("oq","",true);S()}function ra(a){if(a.persisted)z.value="f";A.value=""}function qa(){var a=document.body.dir=="rtl",b=a?"right":"left",c=a?"left":"right",d=document.getElementsByTagName("head")[0],e=document.createElement("style"),f=null,h=null,m=false;if(document.styleSheets){d.appendChild(e);m=true;f=e.sheet?e.sheet:e.styleSheet}if(!f){h=document.createTextNode("");e.appendChild(h)}var k=function(D,E){var ma=D+" { "+E+" }";if(f){if(f.insertRule){f.insertRule(ma,f.<a href='http://www.divhome.com/csssite/channel.asp?id=2' title='CSS教程' target='_blank'>css</a>Rules.length)}else if(f.addRule){f.addRule(D,E)}}else{h.data+=ma+"\n"}};k("."+P+"m","font-size:13px;font-family:arial,sans-serif;cursor:default;line-height:17px;border:1px solid black;z-index:99;position:absolute;background-color:white;margin:0;");k("."+P+"a","background-color:white;");k("."+P+"b","background-color:#36c;color:white;");k("."+P+"c","white-space:nowrap;overflow:hidden;text-align:"+b+";padding-"+b+":3px;"+(N||M?"padding-bottom:1px;":""));k("."+P+"d","white-space:nowrap;overflow:hidden;font-size:10px;text-align:"+c+";color:green;padding-"+b+":3px;padding-"+c+":3px;");k("."+P+"b td","color:white;");k("."+P+"e td","padding:0 3px 2px;text-align:"+c+";font-size:10px;line-height:15px;");k("."+P+"e td","color:blue;text-decoration:underline;cursor:pointer;");if(!m)d.appendChild(e)}function R(){if(v){w.left=ua(u,"offsetLeft")+"px";w.top=ua(u,"offsetTop")+u.offsetHeight-1+"px";w.width=u.offsetWidth+"px";if(x){y.left=w.left;y.top=w.top;y.width=w.width;y.height=v.offsetHeight+"px"}}}function T(a,b){a.visibility=b?"visible":"hidden"}function ta(a,b,c){var d=document.createElement("input");d.type="hidden";d.name=a;d.value=b;d.disabled=c;t.appendChild(d);return d}function ja(){if(!K)Q();K=false}function ka(){if(K){window.event.cancelBubble=true;window.event.returnValue=false}K=false}function la(a){var b=a.keyCode;if(b==27&&va()){Q();U(j);a.cancelBubble=true;a.returnValue=false;return false}if(!V(b))return true;H++;if(H%3==1)W(b);return false}function na(a){var b=a.key<a href='http://www.divhome.com/csssite/plus/search/index.asp?keyword=code&searchtype=title' title='代码' target='_blank'>code</a>;if(!(J&&V(b))&&H==0)W(b);H=0;return!V(b)}functi</div> <div class="page"><a href="/csssite/JS-texiao/anniutexiao/chaokufang-GOOGLE-shouyedaohangcaidanxiaoguo.html" class="current">1</a><a href="/csssite/JS-texiao/anniutexiao/chaokufang-GOOGLE-shouyedaohangcaidanxiaoguo_1.html">2</a><a href="/csssite/JS-texiao/anniutexiao/chaokufang-GOOGLE-shouyedaohangcaidanxiaoguo_1.html">下一页</a></div> <div class="clear"></div> <div class="gg_article300_b"> <script type="text/javascript"><!-- google_ad_client = "pub-1024196497055135"; /* divhome336x280 */ google_ad_slot = "1479878386"; google_ad_width = 336; google_ad_height = 280; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class="gg_topmenu_b"> <script type="text/javascript"><!-- google_ad_client = "pub-1024196497055135"; /* bluefont */ google_ad_slot = "8527929211"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> <!-- <div class="recentlybar"> <div class="recently_file"> <div class="tops">上面5篇相邻文章</div> <div class="links"> <p>848 - <a href=/csssite/Web-zhishi/shenmeshiyunjisuana.html>什么是云计算？</a></p> <p>849 - <a href=/csssite/Divcss-jianmingdaima/test-shilixuexi-guanyushuxie-CSS-shunxudeyanjiu.html>测试实例学习，关于书写CSS顺序的研究</a></p> <p>850 - <a href=/csssite/Divcss-jianmingdaima/zongjiezhishi-HTML-morenyangshibiao-CSS-shuxinghuizong.html>总结知识：HTML默认样式表CSS属性汇总</a></p> <p>851 - <a href=/csssite/Divcss-jianmingdaima/gaishan-website-kefangwenxing-tongguoxiugaijiliyong-CSS-shixian.html>改善网站可访问性，通过修改及利用CSS实现</a></p> <p>3750 - <a href=/csssite/Divcss-jianmingdaima/DIV-CSS-wangyebujuyu-WEB-biaozhundetaolunyuxianche-DivCSS-tech.html>DIV CSS网页布局与WEB标准的讨论与闲扯|Div+CSS|教程</a></p> </div> </div> <div class="recently_file"> <div class="tops">下面5篇相邻文章</div> <div class="links"> <p>806 - <a href=/csssite/JS-texiao/anniutexiao/fangwangyidehuadongmenjishu-DIVCSS-shixian.html>仿网易的滑动门技术DIV+CSS实现</a></p> <p>805 - <a href=/csssite/JS-texiao/anniutexiao/fanglanselixiang-website-dedaohangcaidan.html>仿蓝色理想网站的导航菜单</a></p> <p>804 - <a href=/csssite/JS-texiao/anniutexiao/shubiaochujidaibiankuangcaidan.html>鼠标触及带边框菜单</a></p> <p>803 - <a href=/csssite/JS-texiao/anniutexiao/yong-JS-shixiandeleisikuangjiade-like-daohangmoshi.html>用JS实现的类似框架的链接导航模式</a></p> <p>802 - <a href=/csssite/JS-texiao/anniutexiao/CSS-liticeng.html>CSS立体层</a></p> </div> </div> </div> --> <div class="gugu_js_end930"><script src="/js/gugu-end930.js" type="text/javascript"></script></div> <div class="gg_menu"><a href="/"><strong><span class="special">Div之家</span></strong></a></div> <div class="footer"> <h3> <a href="/csssite/channel.asp?id=3">Div+CSS布局</a> <a href="/csssite/channel.asp?id=15">ie8</a> <a href="/csssite/channel.asp?id=14">css学习</a> <a href="/csssite/channel.asp?id=2">div代码</a> <a href="/csssite/channel.asp?id=12">css链接</a> <a href="/csssite/channel.asp?id=13">Div+CSS视频</a> <a href="/csssite/channel.asp?id=5">Div+css教学</a> <a href="/csssite/channel.asp?id=4">JS特效</a> <a href="/csssite/channel.asp?id=11">css导航菜单</a> <a href="/csssite/channel.asp?id=7">JS综合特效</a> <a href="/csssite/channel.asp?id=8">按钮特效</a> <a href="/csssite/channel.asp?id=9">菜单脚本</a> <a href="/csssite/channel.asp?id=6">Web2</a> <a href="/csssite/channel.asp?id=10">网页技巧</a> </h3> <p class="Copyright"><a href="/aboutus/">关于Div之家</a> | <a href="/sitemap.html">网站地图</a> | <a href="/aboutus/guanyubenzhan/banquanyinsi.html">版权隐私</a> | 联系站长 fred.ren@foxmail.com</strong><br /> Copyright © 2009 Divhome.com. All Rights Reserved. <a href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备08016321号</a> <script language="javascript" type="text/javascript" src="http://js.users.51.la/1855959.js"></script> <noscript><a href="http://www.51.la/?1855959" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/1855959.asp" style="border:none" /></a></noscript> </p> <div class="gg_endmenu_b"> <script type="text/javascript"><!-- google_ad_client = "pub-1024196497055135"; /* bluefont */ google_ad_slot = "8527929211"; google_ad_width = 728; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> </body> </html>