|
 |
| |
แนะนำวิธีเปลี่ยนสีปุ่มลิงค์ในดรีมหน่อยค่ะ คือ ต้องการให้ปุ่มเปลี่ยนสีเมื่อเรากดเลือกปุ่มนั้น ต้องทำยังไงค่ะ |
| |
 |
|
|
 |
 |
|
ใช้ใน css หรือว่าแทรกในหน้าที่เราต้องการให้ปุ่มเปลี่ยนสีตอนคลิกค่ะ มีตัวอย่างป่าวค่ะ
|
 |
 |
 |
 |
| Date :
2011-10-06 13:34:46 |
By :
nooaoy |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ตามพี่วินก็ แทรก ใน tag <input></input> เลยครับ เอาไปใช้ได้เลย
|
| |
|
|
| |
| Date :
2011-10-06 16:42:37 |
By :
ALTELMA |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุนน่ะค่ะ
|
| |
|
|
| |
| Date :
2011-10-06 23:54:19 |
By :
nooaoy |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
รบกวนพี่ๆอีกครั้งน่ะค่ะ ลองทำตามวิธีที่พี่ๆๆแนะนำแล้วแต่ทำไม่ได้ค่ะ
คือ โค้ดเมนู เป็นในลักษณะใช้ภาพสองภาพ
Code (PHP)
<div class=" contindex1-left1-list1"><a href="member_conform.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','../images/menu/menu6.jpg',1)"><img src="../images/menu/menu06.jpg" name="Image3" width="198" height="31" border="0" id="Image3" /></a></div>
ปัญหาคือว่า ปุ่มที่สร้างเป็นรูปภาพ คือเวลาเอาเมาส์ไปวางตรงปุ่มสีปุ่มก้อจะเปลี่ยนไปเป็นอีกสี แต่ตอนนี้ที่ติดปัญหาคือ ต้องการให้เวลาเราคลิกตรงปุ่มหรือเมนุดังกล่าวอยากจาให้แสดงสีของปุ่มเหมือนสีตอนเอาเมาส์ไปวาง
ไม่ทราบว่าต้องการให้เมนูแสดงในลักษณะที่ได้บอกไปต้องทำยังไงค่ะ
|
| |
|
|
| |
| Date :
2011-10-08 01:39:39 |
By :
nooaoy |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
jquery ได้มะ แบบว่าตอนนี้ติด jquery อย่างหนัก อาจจะต้องไปเลิกที่ถ้ำกระบอกซะแล้ว
|
| |
|
|
| |
| Date :
2011-10-08 04:33:47 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใช่ a:hover a:active ง่ายกว่าเยอะครับ แล้วกำหนดตัวที่จะให้แสดงเป็น bg-image
|
| |
|
|
| |
| Date :
2011-10-08 10:43:50 |
By :
Thana112 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
คุน Thana112
การใช้ a:hover a:active
เราต้องแทรกตรงส่วนไหนของโค้ดด้านบนค่ะ
ยังไงช่วยแนะนำหน่อยค่ะ มือใหม่
|
| |
|
|
| |
| Date :
2011-10-08 14:16:49 |
By :
nooaoy |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
พี่ ikikkok
หนูเพิ่งจาหัดเขียนโปรแกรมค่ะ
jquery หนูใช้ไม่เปน
ยังไงพี่แนะนำหน่อย
อิอิ
|
| |
|
|
| |
| Date :
2011-10-08 14:18:05 |
By :
nooaoy |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
#contindex1 {
width: 250px;
}
#contindex1 ul {
width: 250px;
list-style-type: none;
}
#contindex1 ul li {
width: 250px;
height: 32px;
}
#contindex1 ul li a {
width: 250px;
height: 32px;
text-decoration: none;
background: url(images/menu5.jpg);
background-repeat:no-repeat;
display:block;
}
#contindex1 ul li a:hover {
width: 250px;
height: 32px;
text-decoration: none;
background: url(images/menu6.jpg);
background-repeat:no-repeat;
display:block;
}
</style>
</head>
<body>
<div id="contindex1">
<ul>
<li>
<a href="to.php"></a>
</li>
<li>
<a href="to2.php"></a>
</li>
<li>
<a href="to3.php"></a>
</li>
</ul>
</div>
</body>
</html>
นี่เลยครับลองเอาไปแปลงดู อย่าลืมสร้าง Folder Images แล้วเอารูป 2 รูปนั้นไปใส่ ตั้งชื่อ menu5.jpg และ menu6.jpg ด้วย
|
| |
|
|
| |
| Date :
2011-10-08 16:09:11 |
By :
Thana112 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
วิธีของคุณ Thana ดีครับ เขียนให้ดูอีกแบบ ไม่ต่างกันมาก
Code (PHP)
<!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>Untitled Document</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
ol#menu{
list-style:none;
}
ol#menu li{
float:left;
width:198px;
height:31px;
}
ol#menu li a{
height:31px;
text-decoration:none;
display:block;
}
ol#menu li a.menu-1{
width:198px;
background:url(menu-1-off.jpg) no-repeat;
}
ol#menu li a.menu-1:hover, ol#menu li a.menu-1:active{
background:url(menu-1-on.jpg) no-repeat;
}
ol#menu li a.menu-2{
width:198px;
background:url(menu-2-off.jpg) no-repeat;
}
ol#menu li a.menu-2:hover, ol#menu li a.menu-2:active{
background:url(menu-2-on.jpg) no-repeat;
}
ol#menu li a.menu-3{
width:198px;
background:url(menu-3-off.jpg) no-repeat;
}
ol#menu li a.menu-3:hover, ol#menu li a.menu-3:active{
background:url(menu-3-on.jpg) no-repeat;
}
</style>
</head>
<body>
<ol id="menu">
<li><a href="Untitled-1.php" class="menu-1"> </a></li>
<li><a href="Untitled-2.php" class="menu-2"> </a></li>
<li><a href="Untitled-3.php" class="menu-3"> </a></li>
</ol>
</body>
</html>
|
ประวัติการแก้ไข
2011-10-08 17:54:00
| |
|
|
| |
| Date :
2011-10-08 17:53:43 |
By :
ikikkok |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แล้วถ้าต้องการให้เมนูเปลี่ยนสี เมื่อเราคลิก จะต้องเขียนเพิ่มยังไงค่ะ
|
| |
|
|
| |
| Date :
2012-08-10 10:19:10 |
By :
เด็ก |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
