<html>
<หัว>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>เอฟเฟกต์พิเศษของหน้าเว็บ|http://www.downcodes.com/|---เมนูสามระดับที่สร้างด้วย CSS</title>
<style type="text/css">
-
ร่างกาย {
ตระกูลฟอนต์: Arial, Helvetica, sans-serif;
ขนาดตัวอักษร: 11px;
ขอบซ้าย: 0px;
ขอบบน: 0px;
ขอบขวา: 0px;
ขอบล่าง: 0px;
-
#เมนู {
สีพื้นหลัง: #FEF0E5;
ตัวกรอง: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5', gradientType='0');
-
#nav, #navul {
float:left; /* ตำแหน่งแนวนอนโดยรวมของเมนู*/
ชัดเจน:ถูกต้อง;
รายการสไตล์: ไม่มี;
/*line-height:22px; เมนูระดับแรกสูง*/
/*พื้นหลัง: #eee; ย้ายเมนูทั้งหมดเป็นสี*/
/*แบบอักษร-น้ำหนัก: ตัวหนา;8*/
ช่องว่างภายใน:0px;
ระยะขอบ:0px;
/*เส้นขอบ:1px ทึบ #ccc;
เส้นขอบขวา: 0px;*/
-
#นาวูลุล{
/*เส้นขอบ:1px ทึบ #ccc;*/
ขอบบน:0px;
เส้นขอบขวา:0px;
-
#nav อา {
ความกว้าง:120px;
จอแสดงผล: บล็อก;
สี:#333;
การตกแต่งข้อความ: ไม่มี;
การจัดแนวข้อความ: ซ้าย;
/*border-right:1px solid #CCC;*/
การขยาย: 3px 4px 3px 7px;
-
#nav a:โฮเวอร์{
สี:#000;
เส้นขอบ: 1px ทึบ #CCC;
ระยะขอบ: 0px;
การขยาย: 3px 5px 3px 6px;
สีพื้นหลัง: #f1f1f1;
การตกแต่งข้อความ: ไม่มี;
} /* รูปแบบฟอนต์ a:hover ทั้งหมด*/
#nav a.selected{พื้นหลัง:url(flyout_arrow.gif) ไม่ทำซ้ำทางขวา 50%;} /* ไอคอนแบบเลื่อนลง*/
#นาฟลี {
ลอย:ไม่มี;
ชัดเจน:ถูกต้อง;
ความสูง:22px;
ความกว้าง:120px;
-
#nav li ul li{
ลอย:ไม่มี;
ชัดเจน:ถูกต้อง;
ความสูง:22px;
ความกว้าง:120px;
-
#nav li ul { /* บิตป๊อปอัปรอง*/
ตำแหน่ง:แน่นอน;
ระยะขอบ:-22px 0px 0px 119px;
ช่องว่างภายใน:0;
ซ้าย:-9999em;
ความกว้าง:120px;
แบบอักษรน้ำหนัก:ปกติ;
จอแสดงผล: บล็อก;
เส้นขอบ: 1px ทึบ #CCCCCC;
พื้นหลัง:#fff;
-
/* ความกว้างเมนูรอง*/
#nav li ul a {
width:120px; /* ความกว้างของเมนูรอง*/
/*line-height:24px; ความสูงของเมนูรอง
เส้นขอบ:1px ทึบ #CCC;*/
ความสูง:22px;
การจัดแนวข้อความ: ซ้าย;
ระยะขอบ: 0px;
-
#นาฟ ลี อุล อุล {
ระยะขอบ:-22px 0px 0px 120px;
เส้นขอบ: 1px ทึบ #CCC;
} /* บิตป๊อปอัพระดับ 3*/
#nav li:hover ul ul,#nav li.sfhover ul ul{ซ้าย:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
ซ้าย:อัตโนมัติ;
ความสูง:22px;
} /* ขอบซ้ายอัตโนมัติสำหรับเมนูป๊อปอัปทั้งหมด */
#nav li:hover, #nav li.sfhover {
พื้นหลัง:#f1f1f1;
ความสูง:22px;
-
/* ช่วงล่างทุกรูปแบบ */
-
</สไตล์>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=รูปภาพใหม่();
img1.src="flyout_arrow.gif";
sfHover = ฟังก์ชั่น () {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
สำหรับ (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=ฟังก์ชั่น() {
this.className+=" sfhover";
-
sfEls[i].onmouseout=ฟังก์ชั่น() {
this.className=this.className.replace(regExp ใหม่ (" sfhover\b"), "");
-
-
-
window.onload=sfโฮเวอร์;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" id="menu">
<ul id="nav">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">บ้าน</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">ความร่วมมือตามความต้องการของโครงการ</span></a><span style="font-size: 9pt">
</span>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">โครงการเว็บไซต์
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">โครงการเว็บไซต์</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">โครงการทั้งไซต์</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การวิเคราะห์และการวางแผนเว็บไซต์</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">การออกแบบและการผลิตเว็บไซต์</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การผลิตและพัฒนาเว็บไซต์</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ภาพเคลื่อนไหวแฟลชของเว็บไซต์</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">เว็บเซิร์ฟเวอร์</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">การออกแบบและการผลิตมัลติมีเดีย</span></a>< span style="font-size: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">โครงการเว็บไซต์</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การออกแบบกราฟิก</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การออกแบบเขียนแบบทางวิศวกรรม CAD</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การสร้างแบบจำลอง 3 มิติและแอนิเมชัน</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ภาพเคลื่อนไหวของเกมแฟลช</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">เอฟเฟกต์เสียงและดนตรี</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การตั้งค่าการวาดภาพต้นฉบับของเกม</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">การพัฒนาซอฟต์แวร์</span></a><spanสไตล์ ="ขนาดตัวอักษร: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ซอฟต์แวร์แอปพลิเคชัน</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การพัฒนาเกม</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ไดรเวอร์</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การพัฒนาแบบฝังตัว</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การพัฒนาอุปกรณ์เคลื่อนที่</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">MCU</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การออกแบบฐานข้อมูล</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การย้ายโค้ด</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">ฮาร์ดแวร์เครือข่าย</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">ข้อมูลและความรู้</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">ข้อมูลและความรู้</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ข้อมูลและเครื่องมือที่เป็นประโยชน์</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ข่าว</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ความรู้และทักษะ</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ออกแบบการผลิตและความชื่นชม</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การอภิปรายเกี่ยวกับประสบการณ์การทำธุรกรรมของโครงการ</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ดาวน์โหลด</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">การชื่นชมผลงานอันยอดเยี่ยม</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">การรับสมัคร</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">เกี่ยวกับไซต์นี้</span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>