ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingอยากให้เวลาคลิกลิงค์ไหน ให้มีพื้นหลังแสดงด้วย เค้าทำกันยังไงหรอครับ (มีตัวอย่าง)
หน้า: [1] 2  ทั้งหมด   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: อยากให้เวลาคลิกลิงค์ไหน ให้มีพื้นหลังแสดงด้วย เค้าทำกันยังไงหรอครับ (มีตัวอย่าง)  (อ่าน 3504 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« เมื่อ: 05 เมษายน 2012, 19:55:21 »

http://www.basic-skill.com/con...&cont_id=284&sec_id=10
คือเวลาคลิกเมนูด้านบนเสร็จ จะเปลี่ยนหน้าแล้วลิงค์ที่ถูกคลิกก็จะมีพื้นหลังสีขาวปรากฏ เค้าทำกันยังไงเอ่ย
ผู้รู้ช่วยแนะนำทีครับ
คำถามอาจจะดูงงๆ นะครับ  wanwan011
« แก้ไขครั้งสุดท้าย: 06 เมษายน 2012, 14:20:16 โดย fogza » บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
jim_no1
สมุนแก๊งเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 857



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 05 เมษายน 2012, 20:15:55 »

ไม่เข้าใจคำถามน่ะ
« แก้ไขครั้งสุดท้าย: 05 เมษายน 2012, 20:16:07 โดย jim_no1 » บันทึกการเข้า

fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #2 เมื่อ: 05 เมษายน 2012, 20:18:44 »

ไม่เข้าใจคำถามน่ะ
ตามเว็บตัวอย่างนะครับ เวลาคลิกเมนูด้านบน เมนูไหนที่ถูกคลิก จะมีพื้นหลังสีขาวนะครับ พอจะเข้าใจไหมเอ่ย  wanwan011
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 411
ออฟไลน์ ออฟไลน์

กระทู้: 4,368



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 05 เมษายน 2012, 20:21:45 »

http://www.w3schools.com/css/css_pseudo_classes.asp

ก็มีบอกหมดนะคับ ="=

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
บันทึกการเข้า

Wordpress Hosting


Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว
Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin
สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #4 เมื่อ: 05 เมษายน 2012, 20:47:45 »

http://www.w3schools.com/css/css_pseudo_classes.asp

ก็มีบอกหมดนะคับ ="=

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

ผมลองแล้วไม่ได้นะครับ ถ้า :visited นี้จะเป็นลิงค์ที่ถูกคลิกไปแล้ว :link ก็ลิงค์ที่ยังไม่ถูกคลิก มันไม่มีที่คลิกลิงค์ปัจจุบันนะครับ หรือว่าผมเขียนโค้ดไม่ถูกเอง  wanwan031
มีตัวอย่างไหมครับ รบกวนทีนะครับ
« แก้ไขครั้งสุดท้าย: 05 เมษายน 2012, 20:51:28 โดย fogza » บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
ningnongkup
สมุนแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 773



ดูรายละเอียด
« ตอบ #5 เมื่อ: 05 เมษายน 2012, 22:14:23 »

http://www.w3schools.com/css/css_pseudo_classes.asp

ก็มีบอกหมดนะคับ ="=

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

ผมลองแล้วไม่ได้นะครับ ถ้า :visited นี้จะเป็นลิงค์ที่ถูกคลิกไปแล้ว :link ก็ลิงค์ที่ยังไม่ถูกคลิก มันไม่มีที่คลิกลิงค์ปัจจุบันนะครับ หรือว่าผมเขียนโค้ดไม่ถูกเอง  wanwan031
มีตัวอย่างไหมครับ รบกวนทีนะครับ

ไม่ค่อยเข้าใจคำถาม แต่น่าจะตัวนี้
บันทึกการเข้า

เอาซะให้พอ งานนี้ลุยให้เต็มที่
nociouz
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 200
ออฟไลน์ ออฟไลน์

กระทู้: 2,021



ดูรายละเอียด
« ตอบ #6 เมื่อ: 05 เมษายน 2012, 22:20:12 »

แบบนั้น มันเป็นที่ ตีมครับ
มันหมายถึง หน้ามั้งครับ ไม่ใช่ลิงค์

ผมมั่ว   Tongue
บันทึกการเข้า
siamseo
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 168
ออนไลน์ ออนไลน์

กระทู้: 3,305



ดูรายละเอียด
« ตอบ #7 เมื่อ: 05 เมษายน 2012, 22:26:33 »

ผม งง  Tongue
บันทึกการเข้า

หนุ่มบ้านโคก
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 119
ออฟไลน์ ออฟไลน์

กระทู้: 3,128



ดูรายละเอียด
« ตอบ #8 เมื่อ: 05 เมษายน 2012, 22:31:33 »

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

คนธรรมดา
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 138
ออฟไลน์ ออฟไลน์

กระทู้: 1,046



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 05 เมษายน 2012, 22:38:46 »

ถูกมั้ย

โค๊ด:
<!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">
<!--
body {
background-color: #000000;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FF0000;
background-color:#FFCC00;
}
a:active {
color: #FF0000;
background-color:#FFCC00;
}
-->
</style></head>

<body>
<a href="#">TEXT</a> | <a href="#">TEXT</a> | <a href="#">TEXT</a>
</body>
</html>
« แก้ไขครั้งสุดท้าย: 05 เมษายน 2012, 22:39:15 โดย คนธรรมดา » บันทึกการเข้า

animationz
ก๊วนเสียว
*

พลังน้ำใจ: 51
ออฟไลน์ ออฟไลน์

กระทู้: 335



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 05 เมษายน 2012, 22:59:57 »

a:active {
   color: #FF0000;
   background-color:#FFCC00;

อันนี้แหละครับ อิอิ

 wanwan017
บันทึกการเข้า

Blogger+AMZ & Internet Marketing..
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #11 เมื่อ: 05 เมษายน 2012, 23:35:21 »

a:active {
   color: #FF0000;
   background-color:#FFCC00;

อันนี้แหละครับ อิอิ

 wanwan017
มันขึ้นมาแปปเดียวนะครับ ผมอยากให้มันค้างอยู่ เหมือนเมนูด้านบนของเว็บตัวอย่างนะครับ
ผมอธิบายงงๆ ก็ขอโทษด้วยครับ  wanwan012
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 411
ออฟไลน์ ออฟไลน์

กระทู้: 4,368



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 05 เมษายน 2012, 23:40:57 »

ใช้ a:active แล้วเปลี่ยน background คับ

และก้ใช้ a:hover เปลี่ยนสีตัวอักษร
บันทึกการเข้า

Wordpress Hosting


Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว
Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin
สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #13 เมื่อ: 05 เมษายน 2012, 23:46:13 »

ใช้ a:active แล้วเปลี่ยน background คับ

และก้ใช้ a:hover เปลี่ยนสีตัวอักษร
ทำตามที่บอกแล้ว แต่เวลาเลื่อนเมาส์ออกจากลิงค์ พื้นหลังมันก็หายไปนะครับ  Cry
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 411
ออฟไลน์ ออฟไลน์

กระทู้: 4,368



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 05 เมษายน 2012, 23:47:20 »

ใส่แต่ a:hover ก็หายครับ ถ้าใส่ a:active ไม่หาย
บันทึกการเข้า

Wordpress Hosting


Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว
Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin
สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #15 เมื่อ: 06 เมษายน 2012, 00:15:34 »

ใส่แต่ a:hover ก็หายครับ ถ้าใส่ a:active ไม่หาย
« แก้ไขครั้งสุดท้าย: 06 เมษายน 2012, 02:46:27 โดย fogza » บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 411
ออฟไลน์ ออฟไลน์

กระทู้: 4,368



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 06 เมษายน 2012, 01:43:27 »

อาการแบบนี้ CSS ทับกันคับ
บันทึกการเข้า

Wordpress Hosting


Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว
Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin
สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
fogza
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 97
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #17 เมื่อ: 06 เมษายน 2012, 02:46:55 »

อาการแบบนี้ CSS ทับกันคับ

โทษทีครับ ลืมอัพเดทลิงค์
http://jsfiddle.net/KGFGv/14/   Tongue
บันทึกการเข้า

:: สังคมจะดีได้ อยู่ที่เราทุกคน ไม่ใช่แค่ใครคนใดคนหนึ่ง ::
yoyokung
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 143
ออฟไลน์ ออฟไลน์

กระทู้: 1,794



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 06 เมษายน 2012, 02:51:57 »

ชอบคุณ fogza ตั้งคำถาม ชวนตอบมากๆ และกระจายความรู้สุดๆ

ว่าแต่ทำได้หรือยังครับ
บันทึกการเข้า

ขาย ฐานข้อมูล Flash Game กว่า 25,000 เกมส์ 5,000 บาท

ฉันรักเธอ เที่ยวไทย

สอนดึงเว็บ 30 ชั่วโมง / 5,000 บาท สุดยอดมาก
สอนดูดเว็บ 30 ชั่วโมง / HTML , CSS , jQuery , PHP
iLhay
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 411
ออฟไลน์ ออฟไลน์

กระทู้: 4,368



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 06 เมษายน 2012, 02:56:27 »

อาการแบบนี้ CSS ทับกันคับ

โทษทีครับ ลืมอัพเดทลิงค์
http://jsfiddle.net/KGFGv/14/   Tongue


ลองเช็คดูครับ ทำไม a:hover ถึงเปลี่ยนเป็นสีเข้มๆ แล้วทำไม a:active ถึงไม่เป็น

เท่าที่ผมเคยทำมา และถ้าละรึกไม่ผิด เป็นอาการของ CSS ทับกันคับ
บันทึกการเข้า

Wordpress Hosting


Wordpress Hosting เริ่มต้นปีละ 790 บาท NVMe SSD เร็ว 9000MB/s เร็วกว่านี้ไม่มีอีกแล้ว
Cloud Server เริ่มต้นเพียงเดือนละ 159 บาท พร้อมใช้ภายใน 1 นาที ผ่านระบบอัตโนมัติมีทั้ง Linux / Windows / DirectAdmin
สอบถามข้อมูลและแจ้งปัญหา 02-105-4417 ตลอด 24 ชั่วโมง
หน้า: [1] 2  ทั้งหมด   ขึ้นบน
พิมพ์