Yahoo tab tab

Source: Internet
Author: User
Tip: You can modify some of the code before running



<p><! 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 (http://cn.yimg.com/i/hp/ny/pabg.gif) repeat-x;border-left:1px solid # 7bbdff;border-right:1px solid #7bbdff; font-family:arial;} <br/> #pabd {padding-bottom:.35em;background:url (http://cn.yimg.com/i/hp/ny/patbg.gif) no-repeat top left;} <br/> #pabd,. Paft{clear:both;overflow:hidden;} <br/> #patop {height:25px;line-height:20px;overflow:hidden;} <br/>/* TopRounded corners start */<br/> Pabdt{background:url (http://cn.yimg.com/i/hp/ny/pabdr.gif) 0 0 no-repeat;width:350px;height:4px ; Overflow:hidden;} <br/>. Pabdb{background:url (http://cn.yimg.com/i/hp/ny/pabdr.gif) 0-4px No-repeat;width:350px;height:3px;o Verflow:hidden;} <br/>. paft{height:4px;line-height:0; <br/>/* Top rounded corner end */<br/>. 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; <BR/>/* 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; <BR/>/* External small icon starts */<br/>. Icomailn{background:url (http://cn.yimg.com/i/hp/ny/ic/tabicmln.gif) 0 0 No-repeat;*background:transpaRent;*filter:progid:dximagetransform.microsoft.alphaimageloader (src= "http://cn.yimg.com/i/hp/ny/ic/ Tabicmln.gif ", sizingmethod= ' crop ');} <br/>. Icomail{background:url (http://cn.yimg.com/i/hp/ny/ic/tabicml.gif) 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 (http://cn.yimg.com/i/hp/ny/ic/tabicalb.gif) 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 (http://cn.yimg.com/i/hp/ny/ic/tabicmus.gif) 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 (http://cn.yimg.com/i/hp/ny/ic/tabicfin.gif) 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 ');} <BR/>/* Built-in icon starts */<br/>. pamailcon,.pamywebcon{float:left;text-align:left;line-height:1.5em;background : URL (http://cn.yimg.com/i/hp/ny/ic/icmla.gif) 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 (http:// cn.yimg.com/i/hp/ny/ic/icmla.gif) 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 (http:// Cn.yimg.com/i/hp/ny/ic/icmla.gif) 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 (http://cn.yimg.com /i/hp/ny/ic/icmla.gif) 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 (http:// cn.yimg.com/i/hp/ny/ic/icmla.gif) 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 (http://cn.yimg.com /i/hp/ny/ic/icmla.gif) 1em 1.5em no-repeat;padding:1.5em 0 0 8em;;} <br/>. Patxcon strong,.pamywebcon strong{color: #ff0000;} <BR/>/* background start */<br/>. Patabs2,.patabs1{background:url (http://cn.yimg.com/i/hp/ny/patabs1.gif) 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 (http://cn.yimg.com/i/hp/ny/patabsa.gif) 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 (http://cn.yimg.com/i/hp/ny/patabsb.gif) 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 (http://cn.yimg.com/i/hp/ny/patabsc.gif) 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/> &Nbsp;this.isopera=function () {return navigator.userAgent.indexOf (' Opera ') >-1} <br/>  this.ismoz=function () {return navigator.userAgent.indexOf (' MOZILLA/5. ') >-1;} <br/>};<br/>/* 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/> false; <br/>  },<br/>  removeevent:function (obj,evtype,fn) {<br/>   if ( Obj.removeeventlistener) {<br/>    obj.removeeventlistener (evType,fn,false); <br/>  &nBsp; return true;<br/>   }else if (obj.detachevent) {<br/>    var r= Obj.detachevent ("on" +evtype,fn) <br/>    return r;<br/> false; <br/>  },<br/>  getevent:function (e) <br/>  {<br/> 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/>  {& Lt;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/>. Eventcache=function () <br/> {<br/>  var listevents=[];<br/>  return {<br/>  & Nbsp;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/>} () <br/>/* 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/>   &nbsP;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 "<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;  <br/>   case ' paweath ': <br/>    var m_html= "<div class= ' Paqqcon ' > 易迅 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/> 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. 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/>     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/>  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/>    window.clearinterval (tt_0); <br/>   }else{con.style.height=n+ "px";} <br/>  }<br/>  var tt_0=window.setinterval (open_con,1) <br/> The}<br function/> 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;} &lT;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/ > 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. 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 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/>. 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/><br/> < Div class= "PABDT" ></div><br/> <div class= "Papanel" ><br/>   <div id= "Pabd" >< br/>     <div id= "patop" ><br/>       <div class= "PATOPL" ><a href= "<strong>www.manoen.com</strong></div" >www.manoen.com "><strong> www.manoen.com</strong></a></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> Music </strong></a></li><br/>         <li><a id= "Paalb" href= "#" class= "Icoalb" ><strong> albums </strong></a></li> <br/>         <li><a id= "Pamus" href= "#" class= "Icomail" >< Strong> mailbox </strong></a></li><br/>       </ul><br/ >       <div id= "Patabs1previewdiv" class= "Papreviewdiv" ></div><br/>     </div><br/>     <div class= "patabs" ><br/>        <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/> < Script 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.