Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > ช่วยดู code เวลา คลิกเลือก เมนูหน่อยครับ (คลิกเมนูหลักแล้ว เมนูย่อยแสดงออกมา)

ช่วยดู code เวลา คลิกเลือก เมนูหน่อยครับ (คลิกเมนูหลักแล้ว เมนูย่อยแสดงออกมา)

เริ่มหัวข้อใหม่

ICrazyMan™

โพสกระทู้ ( 207 )
บทความ ( 0 )

ช่วยดูหน่อยครับ พอดี ทำเมนู (ก๊อบมา) อยากได้ แบบว่า

1 เข้ามาทีแรก

2 แล้วพอ คลิก ที่เมนูหลัก แล้วจะมีเมนูย่อย ออกมา ส่วนนี้ ทำได้แล้ว

ตรงนี้ House for sale อยากให้เป็นสีเขียว เมือกดแล้ว (ติดตรงนี้ ครับ)

3 พอเลือกใน เมนูย่อย เมนูย่อยที่เลือก จะเป็นสีเขียว (ตรงนี้ได้แล้วครับ)

//Code css
Code

.glossymenu{
margin: 5px 0;
padding: 0;
width: 186px; /*width of menu*/
border: 1px solid #1B1919;
border-bottom: 1px solid #1B1919;
}

.glossymenu a.menuitem{

background: #0D0D0D;
font-family: Verdana, Arial, san-serif;
font-size: 14px;
font-weight:bold;
color: #FFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 3px solid #1B1919;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #FFF;

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.current{ /*CSS for icon image that gets dynamically added to headers*/
color: #0F0;
}

.glossymenu a.menuitem:hover{

background: #0D0D0D;
color: #0F0;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #0D0D0D;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #1B1919;
}

.glossymenu div.submenu ul li a{
display: block;
font-size: 11px;
color: #FFF;
text-decoration: none;
padding: 2px 0;
padding-left: 20px;
}

.glossymenu div.submenu ul li a.current{
color: #0F0;
text-decoration: none;
}

.glossymenu div.submenu ul li a:hover{

color: #0F0;
text-decoration: none;

}

.glossymenu div.submenu ul li a:hover{
background: #0D0D0D;
color: #0F0;
}

//php script

Code (PHP)

<div class="glossymenu">

    <?
      $sqlm = "SELECT * FROM pro_type_tbl WHERE pro_type_id NOT IN ('005') ORDER BY pro_type_id ASC";
      $resultm = mysql_query($sqlm);
      while($rsm = mysql_fetch_array($resultm))
      {
   ?>
      <a  class="menuitem submenuheader"  href="#" onclick="window.location='property.php?cid=<?=$rsm[pro_type_id]?>'" ><?=$rsm[pro_type_name]?></a>
        <div class="submenu">
	     <ul>
		 <?
		   if($cid != "003" && $cid != "004")
		   {
		 ?>
	       <li ><a <? if($pid == "1"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&pid=1">Under 10 Million Baht</a></li>
	       <li><a <? if($pid == "2"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&pid=2">10 - 20 Million Baht</a></li>
	       <li><a <? if($pid == "3"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&pid=3">20 - 40 Million Baht</a></li>
	       <li><a <? if($pid == "4"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&pid=4">40 - 60 Million Baht</a></li>
	       <li><a <? if($pid == "5"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&pid=5">60 - 100 Million Baht</a></li>
	       <li><a <? if($pid == "6"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&pid=6">Over 100 Million Baht</a></li>
		 <?
		   }else{
		 ?>
		   
		   <li><a <? if($rid == "1"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&rid=1"> Under 30,000 Baht</a></li>
		   <li><a <? if($rid == "2"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&rid=2">30,000 - 40,000 Baht</a></li>
	       <li><a <? if($rid == "3"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&rid=3">40,000 - 60,000 Baht</a></li>
	       <li><a <? if($rid == "4"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&rid=4">60,000 - 80,000 Baht</a></li>
	       <li><a <? if($rid == "5"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&rid=5">80,000 - 100,000 Baht</a></li>
	       <li><a <? if($rid == "6"){echo "class='current'";} ?> href="property.php?cid=<?=$rsm[pro_type_id]?>&rid=6">Over 100,000 Baht</a></li>
		 
		 <?
		   }
		 ?>
	     </ul>
        </div>

    <?
     }
   ?>
      <a class="menuitem" href="hotdeals.php">Hot Deals</a>
      <a class="menuitem" href="sellrent.php">Sell your Property</a>
	
   </div>

//Java Script

Code

ขอบคุณครับ

Tag : PHP, HTML/CSS, JavaScript, jQuery

ประวัติการแก้ไข
2010-12-21 18:00:11

Date : 2010-12-21 17:57:37

By : ICrazyMan

View : 2967

Reply : 3

No. 1

Guest

ลองเพิ่มนี่เข้าไป

Code (JavaScript)

.glossymenu div.submenu ul li a:visited{
background: #0D0D0D;
color: #0F0;
}

ลิงค์ที่กดไปแล้ว css จะเรียกว่า visited

Date : 2010-12-22 15:04:37

By : ลองดู

No. 2

Extension

โพสกระทู้ ( 381 )
บทความ ( 0 )

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ //หาบรรทัดนี้
color: #0F0;
}

Date : 2010-12-22 15:47:54

By : extenser

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ลองดูตัวนี้ครับ มีสมาชิกเคยเขียนไว้ครับ

Go to : jquery tree menu css slide-up-down
Go to : รบกวนพี่ๆ ช่วยหน่อยค่ะ เรื่อง css menu กับ ฐานข้อมูล

Date : 2012-10-18 09:40:48

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยดู code เวลา คลิกเลือก เมนูหน่อยครับ (คลิกเมนูหลักแล้ว เมนูย่อยแสดงออกมา)

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก