ภาษาไทย
<!DOCTYPE html สาธารณะ "-//W3C//DTD XHTML 1.0 เข้มงวด//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http //www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.downcodes. com</title> <style type="text/css"> <!-- /*ผู้เขียน:downcodes.com*/ body{ พื้นหลังสี:สีขาว; ขนาดตัวอักษร:12px; ตระกูลฟอนต์:Arial, Helvetica, sans-serif; ระยะขอบ:0px; ช่องว่างภายใน:0px; สี:สีขาว; } ul,li{ ระยะขอบ:0px; ช่องว่างภายใน:0px; } li { จอแสดงผล: อินไลน์; รายการสไตล์: ไม่มี; รายการสไตล์ตำแหน่ง: ภายนอก; การจัดตำแหน่งข้อความ: กึ่งกลาง; แบบอักษรน้ำหนัก: ตัวหนา; ลอย:ซ้าย; } a:link{ สี:#336601; การตกแต่งข้อความ: ไม่มี; ลอย:ซ้าย; ความกว้าง:100px; การขยาย:3px 5px 0px 5px; } a: เยี่ยมชม { สี: #336601; การตกแต่งข้อความ: ไม่มี; ลอย:ซ้าย; การขยาย:3px 5px 0px 5px; ความกว้าง:100px; } a:โฮเวอร์ { สี:สีขาว; ลอย:ซ้าย; การขยาย:3px 3px 0px 20px; ความกว้าง:88px; การตกแต่งข้อความ: ไม่มี; สีพื้นหลัง:#539D26; } a:ใช้งานอยู่{ สี:สีขาว; ลอย:ซ้าย; การขยาย:3px 3px 0px 20px; ความกว้าง:88px; การตกแต่งข้อความ: ไม่มี; สีพื้นหลัง:#BD06B4; } #nav{ ความกว้าง:600px; ความสูง:30px; ขอบล่าง:0px; การขยาย:0px 5px; ตำแหน่ง:แน่นอน; ดัชนี z:1; } .list{ ความสูงบรรทัด:20px; การจัดแนวข้อความ: ซ้าย; ช่องว่างภายใน:4px; แบบอักษรน้ำหนัก:ปกติ; } .menu1{ ความกว้าง:120px; ความสูง:อัตโนมัติ; ระยะขอบ:6px 4px 0px 0px; เส้นขอบ: 1px ทึบ #9CDD75; สีพื้นหลัง:#F1FBEC; สี:#336601; การขยาย:6px 0px 0px 0px; เคอร์เซอร์:มือ; ล้น-y: ซ่อน; } .menu2{ ความกว้าง:120px; ความสูง:18px; ระยะขอบ:6px 4px 0px 0px; สีพื้นหลัง:#F5F5F5; สี:#999999; เส้นขอบ:1px ทึบ #EEE8DD; การขยาย:6px 0px 0px 0px; ล้น-y: ซ่อน; เคอร์เซอร์:มือ; }/*ผู้แต่ง:downcodes.com*/ --> </style> </head> <body> <div id="nav"> <ul> <li class="menu2" onMouseOver="this.className=' menu1'" onMouseOut="this.className='menu2'">我的首页 <div class="list"> <a href="#">我的WEBJX</a><br /> <a href=" #">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href="#">我的日志</a><br /> <a href="#"> 我的相册</a><br /> <a href="#"> 我的收藏</a><br /> </div> </li> <li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">社区圈子 <div class="list"> <a href="#">ของฉัน WEBJX< /a><br /> <a href="#">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href=" #">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li class="menu2" onMouseOver= "this.className='menu1'" onMouseOut="this.className='menu2'">ของฉัน <div class="list"> <a href="#">ของฉัน WEBJX</a><br / > <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> <li คลาส ="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">账户管理 <div class="list"> <a href="#">ของฉัน WEBJX</ a><br /> <a href="#">我的首页</a><br /> <a href="#">我的日志</a><br /> <a href="# ">我的相册</a><br /> <a href="#">我的收藏</a><br /> <a href="#">我的日志</a><br / > <a href="#">我的相册</a><br /> <a href="#">我的收藏</a><br /> </div> </li> </ul > </div> </body> </html>
