： ：
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> علامات تبويب </title> <style type = "text/css">/ * إزالة حشوة الهامش */ Body ، H1 ، H2 ، H3 ، H4 ، H5 ، H6 ، HR ، P ، Blockquote ، DL ، DT ، DD ، UL ، OL ، LI ، Pre ، Fildset ، Legend ، Button ، Textarea ، TH ، TD {Margin: 0 ؛ الحشو: 0 ؛ }/ * الخط الافتراضي */body ، زر ، إدخال ، تحديد ، textarea {font: 12px/1.5/5b8b/4f53 ، arial ، sans-serif ؛ } H1 ، H2 ، H3 ، H4 ، H5 ، H6 {font-size: 100 ٪ ؛ } العنوان ، cite ، dfn ، em ، var {font-style: normal ؛ } Code ، KBD ، Pre ، Samp {font-Family: Courier New ، Courier ، Monospace ؛ } صغير {font-size: 12px ؛ } ul ، ol {list-style: none ؛ } a {text-decoration: none ؛ } a: hover {text-decoration: enderline ؛ } sup {alsal-align: text-top ؛ } sub {alsal-align: text-bottom ؛ } Legend {color:#000 ؛ } fieldset ، img {border: 0 ؛ } زر ، إدخال ، حدد ، textarea {font-size: 100 ٪ ؛ } الجدول {حدود الحدود: الانهيار ؛ تباعد الحدود: 0 ؛ } .col-main {float: left ؛ العرض: 100 ٪ ؛ MINIight: 1px ؛ } .col-sub ، .col-extra {float: left ؛ . العرض: كتلة ؛ الارتفاع: 0 ؛ واضح: كلاهما ؛ } .layout ، .main-wrap ، .col-sub ، .col-extra {Zoom: 1 ؛ } / * الميزات الشائعة * / .hidden {display: none ؛ } .Invisible {الرؤية: مخفي ؛ } / * إزالة float * / .clear {display: block ؛ الارتفاع: 0 ؛ الفائض: مخفي. واضح: كلاهما ؛ } .clearfix: بعد {content: '/20' ؛ العرض: كتلة ؛ الارتفاع: 0 ؛ واضح: كلاهما ؛ } .clearfix { *Zoom: 1 ؛ } / * بالنسبة للمتصفحات غير IE أيضًا تعرض شريط التمرير العمودي افتراضيًا ، لمنع وميض الناجم عن شريط التمرير * / html {overflow-y: التمرير ؛ } / * أنماط الارتباط الافتراضية * / a: link {color: #003399 ؛ } a: زيارة {color: #123689 ؛} a: hover {color: #ff6600 ؛} </style> </head> <body> <style type = "text/css"> body {height: 1000px ؛ } .dialog-wrap ، .dialog {display: none ؛ . أعلى: 0px ؛ اليسار: 0px ؛ العرض: 100 ٪ ؛ Z-index: 99 ؛ الخلفية:#000 ؛ } .dialog {الحدود: 10px ؛ الخلفية: URL (الصور/WELL91981.PNG) بدون تكرار ؛ Z-index: 199 ؛ الموقف: ثابت ؛ _position: مطلق ؛ العرض: 451px ؛ الارتفاع: 313 بكسل ؛ أعلى: 50 ٪ ؛ اليسار: 50 ٪ ؛ الهامش: -156px 0px 0px -225px ؛ الحدود الحدودية: 10px ؛ محاذاة النص: اليسار ؛ } .dialog .City-box {الموضع: النسبية ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪} .dialog .close {الموضع: absolute ؛ العرض: 18 بكسل ؛ الارتفاع: 18 بكسل ؛ أعلى: 16 بكسل ؛ اليمين: 16 بكسل ؛ Z-Index: 205 ؛ } .dialog .close a {display: block ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪ . Z-index: 200 ؛ . .togle {color: #fff ؛ الموضع: مطلق ؛ اليسار: 50 ٪ ؛ حجم الخط: 28px ؛ z-index: 200 ؛} .togleborder {الموضع: absolute ؛ اليسار: 50 ٪ ؛ font-size: 28px ؛ color: #ddd ؛ top: 3px ؛ z-index: 200 ؛ 1px 1px #333 ؛ Top: 22px ؛ الموضع: المطلق ؛ العرض: 270px ؛ الحدود: 1px Solid #DDD ؛ z-index: 202 ؛} .hotcitylist p {padding: 5px 0} .hotcitylist pa {padding: 0 8px ؛ leight: 22px ؛ line-height: 22px ؛ color:#333 ؛ font-size: 14px ؛ margin: 3px 5px ؛ text-align: center ؛ PA: Hover {background:#f55583 ؛ color: #fff ؛ decoration text: none} .morecity {border-top: 1px solid#c6c6c6 ؛ height: 30px ؛ line-height: 30px ؛ text-align: right ؛}. .CityConfirm {position: absolute ؛ المؤشر: مؤشر ؛ العرض: 168px ؛ الارتفاع: 48px ؛ اليسار: 137px ؛ القاع: 22px ؛} .CityConfirm a {width: 168px ؛ الارتفاع: 48px ؛ عرض: block}. الموقف: مطلق ؛ أعلى: 0px ؛ اليسار: 0px ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪ Z-index: 198 ؛ } </style> <viv> </viv> <viv> <viv> <viv> <a href = "javaScript: close_dialog () ؛" rel = "nofollow الخارجي"> </a> </viv> <viv> <span> 北京 </span> </viv> <viv> <viv> <//div> <viv> ♦ </viv> <viv> <p> <p> <a href = "" "> 北京 </a> <a href =" " href = ""> 杭州 </a> <a href = ""> 西安 </a> <a href = "" "成都 </a> <a href =" "> 郑州 </a> <a href =" ""> 厦门 </a> <a href = "" "> 青岛 </a> <a href =" " <a href = ""> 重庆 </a> <a href = ""> 武汉 </a> <a href = ""> 南京 </a> <a href = ""> 广州 </a> <a href = "" "> 沈阳 </a> <a href =" " href = ""> 更多城市 >> </a> </viv> </viv> </viv> <viv> <a href = ""> </a> </iv> <viv> </viv> </viv> </viv> <script type = "text/javascript" src = "jquery.js"> <script $ ('الجسم'). الارتفاع () ؛ $ ('. Dialog-WRAP'). $ ('. Dialog'). show () ؛ } الدالة eLight_dialog () {$ ('. Dialog ، .dialog-wrap'). Hide () ؛ } $ ('. citybox'). انقر فوق (function () {$ ('. hotcitybox ، .evet'). show () ؛}) ؛ $ ('. // Dialog () ؛ </script> <p onClick = "dialog ()" style = "cursor: pointer"> 点击这里看效果 </p> <br> 我是文字我是文字文字我字我是文字我是文字 </body> </html>