Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ทำอย่างไร เวลาคลิก link ให้ค้างเป็นสีแดงพอเอา mouse ไปเลือกอีกเมนูนึง link ก่อนหน้ากลับเป็นสีดำ

ทำอย่างไร เวลาคลิก link ให้ค้างเป็นสีแดงพอเอา mouse ไปเลือกอีกเมนูนึง link ก่อนหน้ากลับเป็นสีดำ

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

kwang

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

ตอนนี้คลิก link แล้วมันขึ้นสีแดงมาแปปเดียวอ่ะค่ะ อย่างให้มันค้างสีแดง พอไปเลือกอีกเมนูนึงค่อยกลับเป็นสีดำ

menu

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>COS (Car Oparating System)</title>

<link href="template1/tabcontent.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:link {
	color: black;
}
a:visited {
	color: black;
}
a:hover {
	color: red;
}
a:active {
	color: red;
}
</style>
</head>

<body style="margin: 0px 0px 0px 0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
        <div id="header">
          โลโก้</div>
        </td>
    </tr>

    
    <tr>
      <td>
       <table width="100%" border="0">
		   <tr> 
    <td width="178px" height="566" valign="top" bgcolor="#E0DFE0" id="TdMemuRight">

    <div class="applemenu">
      <div class="silverheader"><a href="#"> <img src="images/icon_05.gif" alt="" hspace="3" border='0' />&nbsp;&nbsp; สอบถาม </a></div>
      <div class="submenu">
        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr onmouseout="this.bgColor='#e0dfe0'" onmouseover="this.bgColor='#FFCC33'" runat="server">
            <td align="left"><img src="images/icon_arrow_2.gif" width="9" height="9" alt="KPI MMW" /> <a href="qr_03.asp">สอบถามรถยนต์</a></td>
          </tr>
          <tr onmouseout="this.bgColor='#e0dfe0'" onmouseover="this.bgColor='#FFCC33'" runat="server">
            <td align="left"><img src="images/icon_arrow_2.gif" width="9" height="9" alt="KPI MMW" /> <a href="qr_01.asp">สอบถามใบรับประกันสินค้า</a></td>
          </tr>
          <tr onmouseout="this.bgColor='#e0dfe0'" onmouseover="this.bgColor='#FFCC33'" runat="server">
            <td align="left"><img src="images/icon_arrow_2.gif" width="9" height="9" alt="KPI MMW" /> <a href="qr_02.asp" >สอบถามลูกค้า</a></td>
          </tr>
        </table>
      </div>
      <div class="silverheader"><a href="#"> <img src="images/icon_car.gif" alt=""  border='0' />&nbsp;&nbsp; ขายปลีก </a></div>
      <div class="submenu">
        <table width="100%" border="0" cellspacing="1" cellpadding="1" height="100%">
          <!--- ============= Car Check =============== --->
          <tr onmouseout="this.bgColor='#e0dfe0'" onmouseover="this.bgColor='#FFCC33'" runat="server" id="CarCheck">
            <td align="left"><img src="images/icon_arrow_2.gif" width="9" height="9" alt="ใบตรวจสภาพรถยนต์" /> <a href="test.html">ใบตรวจสภาพรถยนต์</a></td>
          </tr>
          <!--- ============= Start menu Job =============== --->
        </table>
      </div>
      <div class="silverheader"></div>
    </div></td>
              
             <td width="7" style="background-image: url(images/bg_line.jpg);" valign="top">&nbsp;</td>
           
             <td valign="top"><!--เปิดแท็บ borderdetial-->
         </table>
  </td></tr>
</table>
</body>
</html>

Tag : Ms SQL Server 2008, HTML/CSS, JavaScript, Ajax, jQuery

Date : 2014-07-20 16:01:54

By : kwangkookku

View : 2289

Reply : 1

No. 1

CowBoyCNX

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

ลองดูน่ะครับ เขียนได้หลากหลายแบบ ที่เขียนให้เป็นแค่ตัวอย่างหนึ่งเท่านั้น

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
 <head>
  <title>https://www.thaicreate.com/graphic/forum/110067.html</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Generator" content="EditPlus®" />
  <meta name="Author" content="" />
  <meta name="Keywords" content="" />
  <meta name="Description" content="" />
  <style type="text/css">	
	a.nav{
		display:block;
		width:190px;
		padding:0.2em;
		padding-left:0.3em;    
	}
	.current{
		color:red;
		width:190px;
		text-decoration:none;
		background-color:lemonchiffon;
	}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function(){
		$("a.nav").click(function(){
			$("a.nav").removeClass('current');
			$(this).addClass('current');        
		});
	});
  </script>
 </head>

 <body>
  <table>
    <tr><td><a href='#' class='nav'>สอบถามรถยนต์</a></td></tr>
    <tr><td><a href='#' class='nav'>สอบถามใบรับประกันสินค้า</a></td></tr>
    <tr><td><a href='#' class='nav'>สอบถามลูกค้า</a></td></tr>
</table>
 </body>
</html>

Date : 2014-08-09 16:23:28

By : cowboycnx

ค้นหาข้อมูล

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

Re : ทำอย่างไร เวลาคลิก link ให้ค้างเป็นสีแดงพอเอา mouse ไปเลือกอีกเมนูนึง link ก่อนหน้ากลับเป็นสีดำ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); ทำอย่างไร เวลาคลิก link ให้ค้างเป็นสีแดงพอเอา mouse ไปเลือกอีกเมนูนึง link ก่อนหน้ากลับเป็นสีดำ

No. 1

ค้นหาข้อมูล

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

Notice

ทำอย่างไร เวลาคลิก link ให้ค้างเป็นสีแดงพอเอา mouse ไปเลือกอีกเมนูนึง link ก่อนหน้ากลับเป็นสีดำ