代码如下:
<!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();}); //对话();在