代碼如下：
<！ 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（）;}）; //對話（）;在