代码如下：
<！doctype html> <html lang =“ en”> <head> <head> <meta charset =“ utf-8”> <title> tabs </title> </title> <style type =“ text/css”>/ *删除Margin Padding */身体，H1，H2，H3，H4，H4，H6，H6，HR，P，BlockQuote，dl，dt，dd，dd，ul，ol，li，li，pre，pre，form，form，firesset，fieldset，fignset，figens，figenn，button，button，intup，textarea，textarea，th，td {margin {margin {margin：0;填充：0; }/ *默认字体 */正文，按钮，输入，选择，textarea {font：12px/1.5/5b8b/4f53，arial，sans-serif; } H1，H2，H3，H4，H5，H6 {font-size：100％; }地址，引用，dfn，em，var {font-style：normal; }代码，kbd，pre，samp {font-formy：courier new，courier，hounopsace; }小{font-size：12px; } ul，ol {list-style：none; } a {文本 - 任务：无； } a：Hover {文本 - 编写：下划线； } sup {vertical-align：text-top; } sub {vertical-align：text-bottom; } Legend {颜色：＃000; } fieldSet，img {border：0; }按钮，输入，选择，textarea {font-size：100％; }表{边界崩溃：崩溃；边界间距：0; } .col-main {float：left;宽度：100％；最小值：1px; } .col-sub，.col-extra {float：left; 。显示：块;身高：0;清晰：两者; } .layout，.main-wrap，.col-sub，.col-extra {Zoom：1; } / *常见功能 * / .hidden {display：none; } .indible {可见性：隐藏} / *删除float * / .clear {display：block;身高：0;溢出：隐藏；清晰：两者; } .clearFix：efter {content：'/20';显示：块;身高：0;清晰：两者; } .CLEARFIX { *ZOOM：1; } / *对于非IE浏览器，默认情况下还显示垂直滚动条，以防止由滚动条引起的闪烁 * / html {Overflow-y：scroll; } / *默认链接样式 * / a：链接{颜色：＃003399; } a：访问{颜色：＃123689;} a：悬停{颜色：＃ff6600;} </style> </head> </head> <body> <style> <style type =“ text/css”> body {height {height：1000px; } .dialog-wrap，.dialog {display：none; } .dialog-wrap {位置：绝对;顶部：0px;左：0px;宽度：100％； Z-Index：99;背景：＃000; } .dialog {border：10px;背景：URL（图像/welcome91981.png）no-repeat; Z-Index：199;位置：固定； _ position：绝对；宽度：451px;身高：313px;顶部：50％；左：50％；保证金：-156px 0px 0px -225px;边界 - 拉迪乌斯：10px;文本align：左； } .dialog .city-box {position：felach;宽度：100％；高度：100％} .dialog .close {位置：绝对;宽度：18px;身高：18px;顶部：16px;右：16px; z索引：205; } .dialog .close a {display：block;宽度：100％；身高：100％； 。 Z-Index：200; 。 。 .hotcityList {背景：#fff; border-radius：5px; box shadow：1px 1px 1px＃333; top：22px; tocation：absolute：absolute; width; width; width; width：270px; border：1px solid #dddd; z-index：202;} .hotcityList p {填充：5px 0} .hotcitylist pa {padding：0 8px;高度：22px; line-height：22px; color：＃333; forn; font; font-size：14px; margin; margin; margin; margin：3px 5px; 3px; 3px; text-ailign; center; center; center; plays; plays; PA：悬停{背景：＃f55583;颜色：#fff; text-decoration：note} .morecity {border-top：1px solid＃c6c6c6;高度：30px; line-height：30px; text-align：text-align：right;}。 。位置：绝对；顶部：0px;左：0px;宽度：100％；身高：100％； Z-Index：198; } </style> <div> </div> <div> <div> <div> <div> <a href =“ javascript：close_dialog（）;” rel =“外部nofollow”> </a> </div> <div> <span> </span> </span> </div> <div> <div> <div> </div> </div> </div> </div>♦</div>♦</div> <div> <p> <p> <p> <a href =“”> </a> </a> </a> href =“”>杭州</a> <a href =“”> </a> <a href =“”> </a> <A href =“” <a href =“”> </a> <a href =“”> </a> <a href =“”> </a> </a> <A href =“”> </a> </a> </a> <ARREF =“”> </a> </a> </a> <a> <A href = a href = href =“”> </a> </a> </div> </div> </div> </div> <div> <a href =“”> </a> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script text/javascript/javaScript/javascript $（'身体'）。高度（）; $（'。dialog-wrap'）。css（{'height'：h，'obacity'：0.5，'display'：'block'}）; $（'。dialog'）。show（）; } function colles_dialog（）{$（'。dialog，.dialog-wrap'）。hide（）; } $（'。citybox'）。单击（function（）{$（'。hotcitybox，.evet'）。show（）;}）; $（'。evet，.dialog-wrap'）。单击（function（）{$（'。hotcitybox，.evet'）。hide（）; $（'。evet'）。hide（）;}）; //对话（）;在