Yahoo's navigation bar

Source: Internet
Author: User
Tags rtrim setinterval tagname visibility
Tip: You can modify some of the code before running



<p><script><br/> Function ReportError (msg,url,line) {<br/> line-=14;<br/> var str= ' Found the following error: \ n \ <br/> str+= ' ERROR: ' +msg+ ' on line: ' + (line); <br/> alert (str); <br/>. Goto (line); <br/> Opener.focus (); <br/> window.onerror=null;<br/> (' settimeout () ', 10); <br/> return true;<br/>}<br/> window.onerror=reporterror;<br/> </script><br/> & lt;! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "><br/> <html xmlns=" http://www.w3.org/1999/xhtml "><br/> <head><br/> <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/><br/> <meta http-equiv=" PRAGMA "content=" No-cache "/><br/> <title> yahoo </title><br/> <style type= "text/css" ><br/> Body {margin:0; text-align:center;font-size:12px ;} <br/>. Papanel,#pabd,. Paft, #patop {width:348px} <br/>. Papanel{background: #a5d0fd URL ([img]yun_qi_img/pabg.gif[/img]) repeat-x;border-left:1px solid #7bbdff; border-right:1px solid #7bbdff; font-family:arial;} <br/> #pabd {padding-bottom:.35em;background:url ([img]yun_qi_img/patbg.gif[/img]) no-repeat top left;} <br/> #pabd,. Paft{clear:both;overflow:hidden;} <br/> #patop {height:25px;line-height:20px;overflow:hidden;} </p> <p>/* The top rounded corners begin */<br/> Pabdt{background:url ([img]yun_qi_img/pabdr.gif[/img]) 0 0 no-repeat; Width:350px;height:4px;overflow:hidden;} <br/>. Pabdb{background:url ([img]yun_qi_img/pabdr.gif[/img]) 0-4px No-repeat;width:350px;height:3px;o Verflow:hidden;} <br/>. paft{height:4px;line-height:0; <br/>/* Top rounded corner end */</p> <p>.patabs{width:340px;margin:0 Auto;} <br/>. patabslst{margin:.25em 0 0 0;padding:0;list-style:none;height:40px; <br/>. Patabslst li{float:left;position:relative;width:112px;height:40px;line-height:40px;text-align:center;} <br/>. patabslst Li a{display:block;width:109px;height:40px; </p> <p>/* built-in background start */<br/>. papreviewdiv{position:relative;clear:both;width:338px;_width * * * : 340px;margin:0 auto;background: #fff; BORDER-LEFT:1PX solid #85c3ff border-right:1px solid #5ca3e9;d Isplay:none; </p> <p>/* External small icon starts */<br/>. Icomailn{background:url ([img]http://cn.yimg.com/i/hp/ny/ic/ TABICMLN.GIF[/IMG]) 0 0 no-repeat;*background:transparent;*filter:progid:d XImageTransform.Microsoft.AlphaImageLoader (src= "Http://cn.yimg.com/i/hp/ny/ic/tabicmln.gif", sizingmethod= ' Crop ');} <br/>. Icomail{background:url ([img]http://cn.yimg.com/i/hp/ny/ic/tabicml.gif[/img]) 0 0 no-repeat;* Background:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http://cn.yimg.com/i/hp /ny/ic/tabicml.gif ", sizingmethod= ' crop ');} <br/>. Icoalb{background:url ([img]http://cn.yimg.com/i/hp/ny/ic/tabicalb.gif[/img]) 0 0 no-repeat;* Background:transparent;*filtEr:progid:DXImageTransform.Microsoft.AlphaImageLoader (src= "Http://cn.yimg.com/i/hp/ny/ic/tabicalb.gif"), sizingmethod= ' crop '); <br/>. Icomus{background:url ([img]http://cn.yimg.com/i/hp/ny/ic/tabicmus.gif[/img]) 0 0 no-repeat;* Background:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http://cn.yimg.com/i/hp /ny/ic/tabicmus.gif ", sizingmethod= ' crop ');} <br/>. Icofin{background:url ([img]http://cn.yimg.com/i/hp/ny/ic/tabicfin.gif[/img]) 0 0 no-repeat;* Background:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http://cn.yimg.com/i/hp /ny/ic/tabicfin.gif ", sizingmethod= ' crop ');} <br/>. Icoalqq{background:url ("Http://cn.yimg.com/i/we/c/3.gif") 0 0 no-repeat;*background:transparent;* Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src= "Http://cn.yimg.com/i/we/c/3.gif", sizingmethod= ' Crop ');} </p> <p>/* built-in icons start */<br/>. pamailcon,.pamywebcon{float:left;text-align:left;line-height:1.5em; Background:urL ([img]yun_qi_img/icmla.gif[/img]) 2em 2em no-repeat;padding:1.5em 0 0 10em;} <br/>. Pamailcon strong,.pamywebcon strong{color: #ff0000;} <br/>. Pasmscon,.pamywebcon{float:left;text-align:left;line-height:1.5em;background:url ([img]yun_qi_img/ ICMLA.GIF[/IMG]) 1em 1.5em no-repeat;padding:1.5em 0 0 8em;} <br/>. Pasmscon strong,.pamywebcon strong{color: #ff0000;} <br/>. Paemailcon,.pamywebcon{float:left;text-align:left;line-height:1.5em;background:url ([img]yun_qi_img /ICMLA.GIF[/IMG]) 1em 1.5em no-repeat;padding:1.5em 0 0 8em;} <br/>. Paemailcon strong,.pamywebcon strong{color: #ff0000;} <br/>. Paqqcon,.pamywebcon{float:left;text-align:left;line-height:1.5em;background:url ([img]yun_qi_img/ ICMLA.GIF[/IMG]) 1em 1.5em no-repeat;padding:1.5em 0 0 8em;;} <br/>. Paqqcon strong,.pamywebcon strong{color: #ff0000;} <br/>. Pafaxcon,.pamywebcon{float:left;text-align:left;line-height:1.5em;background:url ([img]yun_qi_img/ ICMLA.GIF[/IMG]) 1em 1.5em NO-REPEAT;PADding:1.5em 0 0 8em;;} <br/>. Pafaxcon strong,.pamywebcon strong{color: #ff0000;} <br/>. Patxcon,.pamywebcon{float:left;text-align:left;line-height:1.5em;background:url ([img]yun_qi_img/ ICMLA.GIF[/IMG]) 1em 1.5em no-repeat;padding:1.5em 0 0 8em;;} <br/>. Patxcon strong,.pamywebcon strong{color: #ff0000;} </p> <p>/* background start */<br/> Patabs2,.patabs1{background:url ([img]http://cn.yimg.com/i/hp/ny/ PATABS1.GIF[/IMG]) No-repeat;*background:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "Http://cn.yimg.com/i/hp/ny/patabs1.gif", sizingmethod= ' crop ');} <br/>. Patabs1_pamail,.patabs2_paweath{background:url ([img]http://cn.yimg.com/i/hp/ny/patabsa.gif[/img]) No-repeat;*background:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http:// Cn.yimg.com/i/hp/ny/patabsa.gif ", sizingmethod= ' crop ');} <br/>. Patabs1_paalb,.patabs2_pafin{background:url ([img]http://cn.yimg.com/i/hp/ny/patabsb.gif[/img]) No-repeat;*bAckground:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http://cn.yimg.com/i/hp/ Ny/patabsb.gif ", sizingmethod= ' crop ');} <br/>. Patabs1_pamus,.patabs2_pamyw{background:url ([img]http://cn.yimg.com/i/hp/ny/patabsc.gif[/img]) No-repeat;*background:transparent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http:// Cn.yimg.com/i/hp/ny/patabsc.gif ", sizingmethod= ' crop ');} <br/> #patabs1 Strong, #patabs2 Strong{color: #0062c5; font-size:13px;margin-left:2em;} <br/> #patabs1 A, #patabs2 a{text-decoration:none;} <br/> </style><br/> <script type= "Text/javascript" ><br/>-ycn=window.ycnui| | {};<br/> ycn. Common=new function () {this.ltrim=function (i) {return i.replace (/^\s*/, ""); This.rtrim=function (i) {return i.replace (/\s*$/, "");}; This.trim=function (i) {return This.rtrim (This.ltrim (i));}; This.getel=function (i) {if (!document.getelementbyid) return false;if (typeof i=== ' string ') {return document.getElementById (i);} Else{return i;}; This.getelbyclassname=function (T,n,s,el) {var el= (EL)? El:document;var itm=el.getelementsbytagname (t); var num=1;for (i=0;i<itm.length;i++) {if (itm[i].classname===n&&s===num) {return itm[i];} else if (itm[i].classname===n) {num++}} <br/>     return false; <br/>     this.isie6=function () {return navigator.userAgent.search (' MSIE ') >0&& Navigator.userAgent.search (' 6 ') >0;} <br/>     this.isie=function () {return navigator.userAgent.search (' msie ') >0;} <br/>     this.isopera=function () {return navigator.userAgent.indexOf (' Opera ') >-1;} <br/>     this.ismoz=function () {return navigator.userAgent.indexOf (' MOZILLA/5. ') >-1;} <br/>};</p> <p>/* event */<br/> ycn=window.ycn| | {};<br/> ycn. event={<br/>     addevent:function (obj,evtype,fn) {<br/>          if (obj.addevenTlistener) <br/>         {<br/>              Obj.addeventlistener (evtype,fn,false); <br/>              return true;<br/>        } else if (obj.attachevent) {<br/>             var r= Obj.attachevent ("on" +evtype,fn); <br/>             Ycn. Eventcache.add (OBJ,EVTYPE,FN); <br/>             return r;<br/>        }else{return false; <br/>    },<br/>     removeevent:function (obj,evtype,fn) {<br/> & nbsp;       if (obj.removeeventlistener) {<br/>              Obj.removeeventlistener (evtype,fn,false); <br/>              return true;<br/>        }else if ( obj.detachevent) {<br/>             var r= Obj.detachevent ("on" +evtype,fn); <br/>             return r;<br/>        }else{return false; <br/>    },<br/>     getevent:function (e) <br/>     { <br/>         e=window.event| | e;<br/>         e.leftbutton=false;<br/>          if (e.srcelement==null&&e.target!=null) <br/>          {<br/>             e.srcelement=e.target;<br/>              e.leftbutton= (e.button==1); <br/>              <br/>        }else if (e.target==null&&e.srcelement! =null) {<br/>             e.target=e.srcelement;< br/>             e.leftbutton= (e.button==0); <BR/ >        }else if (e.srcelement!=null&&e.target!=null) {<br/>        }else{return null}<br/>          if (document.body&&document.documentelement) <br/>         {<br/>             e.mousex=e.pagex|| (E.clientx+math.max (Document.body.scrollleft,document.documentelement.scrollleft)); <br/>              e.mousey=e.pagey| | (E.clienty+math.max (Document.body.scrolltop,document.documentelement.scrolltop)); <br/>         }else{<br/>             e.mousex=-1;<br/>             e.mousey=-1;<br/ >        }<br/>         return e; <br/>    },<br/>     stopevent:function (e) <br/>     {<br/>         if (e&&e.cancelbubble!=null) <br/>          {<br/>              E.cancelbubble=true;<br/>             e.returnvalue=false;<br/>        }<br/>         if (e&& E.stoppropagation&&e.preventdefault) <br/>         {<br/>             e.stoppropagation (); <br/>              E.preventdefault (); <br/>         }<br/>         return false;<br/>     }<br/>};<br/> ycn. Eventcache=function () <br/> {<br/>     var listevents=[];<br/>     return {<br/>         listevents:listevents,add:function (node,seventname , fhandler,bcapture) {<br/>             listevents[listevents.length]=arguments;<br/>         },flush:function () {<br/>              var i,item;<br/>              for (i=listevents.length-1;i>=0;i=i-1) <br/>              {<br/>                  item=listevents[i];<br/>                  if (item[0].removeeventlistener) {Item[0].removeeventlistener (item[1],item[2],item[3]); <br/>                 if (item[1 ].substring (0,2)!= "on") {item[1]= ' on ' +item[1]; <br/>                 if (item[0].detachevent) {item[0].detachevent (item[1],item[2]); <br/>                 item[0][ item[1]]=null;<br/>            };<br/>         }<br/>    };<br/>} ();</p> <p>/* here * * <br/> var _rnd=math.random (); <br/> var pa_m={mail_api: "" +_rnd,album_api: "" +_rnd,mus_api: "+_rnd,weath_ API: "+_RND,FIN_API:" "+_rnd,myweb_api:" "+_rnd,is_request:true,conobj:null,pa_panel:null,pa_con_height:100,pa_ CUR_CON:NULL,PA_CUR_PRE:NULL,CLOSE_TIMER:NULL,WAIT_TIMER:NULL,WAIT_CLOSE_TIMER:NULL,IS_IN_ANIM:FALSE,IS_IN_PA: True,is_load_da:false,musicbox:{noconid: "Pamus_no", Conid: "Pamus_con"}};function String_len (Str,len) {if ( Str.length>len) {return str.substring (0,len) + "..";} return str;} <br/> Function Pa_preview_cont (pa,id) {<br/>     if (pa_m.conobj!=null&&pa_m.is_load_da) {ycn. Connect.abort (pa_m.conobj);} <br/>     var cb={scope:this,success:null,failure:null,arguments:null};<br/>      pa.innerhtml=pa_m.loadstr;<br/>     pa_m.is_load_da=true;<br/>      switch (ID) <br/>     {<br/>         case ' Pamail ': <br/>             var m_html= "<div class=" Pasmscon ' ><b> Ishun resource aggregation Network </b> Ishun Resource Aggregation Network </b> Ishun resource Aggregation network <br/><br/></div> ";         <br/>              pa.innerhtml=m_html;<br/>             break;         <br/>         case ' paalb ': <br/>             var m_html= "<div class= ' Pasmscon ' ><b> Ishun Resource Aggregation Network </b> Ishun Resource Aggregation Network </b> Ishun resource Aggregation network <br/><br/></div> ";         <br/>             pa.innerhtml=m_html;<br/>             break;         <br/>         case ' pamus ': <br/ >             var m_html= "<div class= ' Paemailcon ' > Ishun Resource Aggregation Network <br/> Ishun Resource Aggregation Network <br/> Ishun resource Aggregation network <br/></div> ";        <br/>             pa.innerhtml=m_html;<br/>             BREAK;      &NBsp <br/>         case ' paweath ': <br/>              var m_html= "<div class= ' Paqqcon ' > Ishun Resource Aggregation Network <br/> Ishun Resource Aggregation network <br/> Ishun Resource Aggregation Network <br/></div> ";        <br/>              pa.innerhtml=m_html;<br/>              break;        <br/>          case ' pafin ': <br/>              var m_html= "<div class= ' Pafaxcon ' > Ishun Resource Aggregation Network <br/> Ishun resource aggregation network <br/><br/></div>";         <br/>              pa.innerhtml=m_html;<br/>             break;        <br/>         Case ' pamyw ': <br/>             var m_html= "<div class= ' Patxcon ' ><b> Ishun resource aggregation Network </b> Ishun Resource Aggregation Network <br/><b> Ishun Resource Aggregation Network </b> Ishun Resource Aggregation network <br/> <b> Ishun Resource Aggregation Network </b> Ishun resource Aggregation network <br/></div> ";        <br >             pa.innerhtml=m_html;<br/>              break;        <br/>         default:pa_m.is_load_da=false;<br/>              pa.innerhtml=pa_m.warnstr;<br/>              break;<br/>    };<br/>}<br/&GT function Disp_pa_preview (el) {<br/>     if (!pa_m.is_in_pa| | Pa_m.pa_cur_pre==el.id) {return;} <br/>     var p=el.parentnode;<br/>     while (p.tagname.tolowercase ()!= ' UL ' &&p.tagname.tolowercase ()!= ' body ') {P=p.parentnode;} <br/>     if (p.tagname.tolowercase ()!= ' ul ') {return;} <br/>     var con=ycn. Common.getel (p.id+ "Previewdiv"); <br/>     if (!con) {return;} <br/>     pa_m.pa_cur_pre=el.id;<br/>     if (pa_m.pa_cur_con!=null& &pa_m.pa_cur_con!=con) {<br/>         con.innerhtml= '; <br/>         var o_con=pa_m.pa_cur_con;<br/>          o_con.innerhtml= '; <br/>         if (ycn. Common.getel (O_con.id.replace ("Previewdiv", "")) {<br/>             var o_tabs=ycn. Common.getel (O_con.id.replace ("Previewdiv", "")) <br/>              o_tabs.classname= "Patabslst" +o_tabs.id;<br/>         }<br/>         var m= (o_con.offsetheight)? O_con.offsetHeight:pa_m.pa_con _height;<br/>         o_con.style.visibility= "hidden" <br/>          o_con.style.overflow= "hidden"; <br/>          var close_con=function () {<br/>              M-=30;<BR/>             if (m<=0) {<br/ >                 o_ Con.style.height=0;<br/>  &Nbsp;              o_con.style.display= "None"; <br/>                 Window.clearinterval (tt_1) <br/>            }else{ <br/>                 o_ con.style.height=m+ "px"; <br/>            }<br/ >        }<br/>         var tt_1= Window.setinterval (close_con,1); <br/>    }<br/>     var class_name=p.id+ "_" +el.id;<br/>     el.parentnode.parentnode.classname= ( El.parentNode.parentNode.className.indexOf (class_name) >0)? El.parentNode.parentNode.className: "Patabslst" + Class_name;<br/>   &nbsp var n= (con.offsetheight)? con.offsetheight:0;<br/>     pa_m.is_in_anim=true;<br/>      pa_m.pa_cur_con=con;<br/>     con.style.visibility= "visible" <br/>      con.style.display= "block"; <br/>     con.style.overflow= "hidden" <br/>     var open_con=function () {<br/>         n+=30;<br/ >         if (n>=pa_m.pa_con_height) {<br/>              con.style.height=pa_m.pa_con_height+ "px"; <br/>              con.style.overflow= "visible"; <br/>              pa_m.is_in_anim=false;<br/>              Pa_preview_cont (con,el.id); <br/>  &NBsp;          Window.clearinterval (tt_0); <br/>         }else{con.style.height=n+ "px";} <br/>    }<br/>     var tt_0=window.setinterval (open_con,1); <br/>} <br/> Function Do_wait_open (e) {<br/>     if (pa_m.is_in_anim| | PA_M.IS_IN_PA) {return;} <br/>     if (Ycn.Common.isIE ()) {var el=window.event.srcelement;} Else{var El=this;} <br/>     while (el.tagName.toLowerCase ()!= ' Li ' &&el.tagname.tolowercase ()!= ' body ') { El=el.parentnode;} <br/>     if (el.tagName.toLowerCase ()!= ' Li ') {return;} <br/>     el=el.getelementsbytagname (' a ') [0];<br/>     if (pa_m.wait_ Timer) {window.cleartimeout (pa_m.wait_timer);} <br/>     pa_m.wait_timer=window.settimeout (function () {Disp_pa_preview (EL);},200); <BR/ >}<br/&Gt function Keep_pre_con (e) {<br/>     if (pa_m.is_in_anim| | PA_M.IS_IN_PA) {return;} <br/>     if (pa_m.wait_close_timer!=null) {window.cleartimeout (pa_m.wait_close_timer);} <br/>     if (pa_m.wait_timer) {window.cleartimeout (pa_m.wait_timer);} <br/>     ycn. Event.stopevent (YCN. Event.getevent (e)) <br/>}<br/> function Keep_pa_preview (e) {<br/>     pa_m.is_in_ Pa=true;<br/>     if (pa_m.wait_close_timer!=null) {window.cleartimeout (Pa_m.wait_close_timer );} <br/>     ycn. Event.stopevent (YCN. Event.getevent (e)) <br/>}<br/> function Close_pa_preview (e) {<br/>     pa_m.is_in_ pa=false;<br/>     pa_m.wait_close_timer=window.settimeout (function () {DO_CLOSE_PA (e)},2000) ; <br/>     ycn. Event.stopevent (YCN. Event.getevent (e)); <br/>}<br/> Function do_close_PA (e) {<br/>     if (PA_M.IS_IN_PA) {return;} <br/>     if (pa_m.is_in_anim) {return;} <br/>     pa_m.is_in_anim=true;<br/>     var o_con=pa_m.pa_cur_con;<br />     if (!o_con) {Pa_m.is_in_anim=false;return;} <br/>     if (ycn. Common.getel (O_con.id.replace ("Previewdiv", "")) {<br/>         var o_ Tabs=ycn. Common.getel (O_con.id.replace ("Previewdiv", "")) <br/>         o_ Tabs.classname= "Patabslst" +o_tabs.id;<br/>    }<br/>     var m= (o_ con.offsetheight)? o_con.offsetheight:pa_m.pa_con_height;<br/>     o_con.innerhtml= '; <br />     o_con.style.visibility= "hidden"; <br/>     o_con.style.overflow= " Hidden <br/>     var close_con=function () {<br/>         m-=30;<br/>         if (m<=0) {< br/>             o_con.style.height=0;<br/>             o_con.style.display= "None"; <br/>              pa_m.is_in_anim=false;<br/>              pa_m.pa_cur_con=null;<br/>              pa_m.pa_cur_pre=null;<br/>              Window.clearinterval (pa_m.close_timer); <br/>         }else{o_con.style.height=m+ "px";} <br/>    }<br/>     pa_m.close_timer=window.setinterval (close_con,1); <br/>}<br/> Function init_pa_tabs () {<bR/>     var pa=ycn. Common.getel (' pabd '); <br/>     var patabs1=ycn. Common.getel (' patabs1 '); <br/>     var patabs2=ycn. Common.getel (' PATABS2 '); <br/>     if (!pa| |! patabs1| |! PATABS2) return;<br/>     pa_m.pa_panel=pa;<br/>     var prediv=new Array; <br/>     prediv[0]=ycn. Common.getelbyclassname (' div ', ' papreviewdiv ', 1,pa); <br/>     prediv[1]=ycn. Common.getelbyclassname (' div ', ' papreviewdiv ', 2,pa); <br/>     if (!prediv[0]| |! Prediv[1]) {return;} <br/>     var tabs1=patabs1.getelementsbytagname (' Li '); <br/>     var tabs2 =patabs2.getelementsbytagname (' Li '); <br/>     for (var i=0;i<tabs1.length;i++) {ycn. Event.addevent (Tabs1[i], ' mouseover ', Do_wait_open);} <br/>     for (var i=0;i<tabs2.length;i++) {ycn. Event.addevent (TABS2[i], ' mouseover ', Do_wait_open);} <br/>     ycn. Event.addevent (PA, ' mouseout ', close_pa_preview); <br/>     ycn. Event.addevent (PA, ' mouseover ', keep_pa_preview); <br/>     ycn. Event.addevent (prediv[0], ' mouseover ', keep_pre_con); <br/>     ycn. Event.addevent (prediv[1], ' mouseover ', Keep_pre_con) <br/>     if (ycn.Common.getEl (' patop ')) {ycn. Event.addevent (ycn.Common.getEl (' patop '), ' mouseover ', function () {if (Pa_m.wait_timer) {cleartimeout (Pa_m.wait_timer);}}); <br/>}<br/> </script><br/> </head><br/> <body><br/> <br/>&lt ; br/> <div class= "pabdt" ></div><br "/> <div class= papanel" ><br/>   <div id= " Pabd "><br/>     <div id=" patop "><br/>       <div class= "Patopl" ></div><br/>       <div class="Patopr" ></div><br/>     </div><br/>     <div class= " Patabs "><br/>       <ul id=" PATABS1 "class=" patabslst patabs1 "><br/> & nbsp;       <li><a id= "Pamail" href= "#" class= "Icomus" ><strong> Personal recommendation </strong></a></li><br/>         <li><a ID = "Paalb" href= "#" class= "Icoalb" ><strong> Enterprise recommendation </strong></a></li><br/>          <li><a id= "Pamus" href= "#" class= "Icomail" ><strong> forum </ strong></a></li><br/>       </ul><br/>        <div id= "Patabs1previewdiv" class= "Papreviewdiv" ></div><br/>     />     <div class= "patabs" ><br/>  &n </div><brbsp;    <ul id= "PATABS2" class= "patabslst patabs2" ><br/>          <li><a id= "Paweath" href= "#" class= "icoalqq" ><strong> weather </strong></a> </li><br/>         <li><a id= "Pafin" href= "class=" Icofin "><strong> stock market </strong></a></li><br/>         <li><a id= "Pamyw" href= "#" class= "Icomailn" ><strong> Lite </strong></a></li>< br/>       </ul><br/>       <div id= " Patabs2previewdiv "class=" Papreviewdiv "></div><br/>     </div><br/>   </div><br/> </div><br/> <div class= "pabdb" ></div><br/> Type= "Text/javascript" >init_pa_tabs (); </script><br/> </body><br ≪/html></p>


Tip: You can modify some of the code before running

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.