Forgot Password ??

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

	Registered : 109,037

HOME > Client Script Forum > การกำหนดลักษระ id class เพื่อทำเมนูบาร์ (จะใช้ class เปลี่ยนลักษระใน id)

การกำหนดลักษระ id class เพื่อทำเมนูบาร์ (จะใช้ class เปลี่ยนลักษระใน id)

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

oat

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

[color=red]คืออยากถามเกี่ยวกะเรื่อง id กับ class อะครับ คือถ้ามี div 4 อัน ใน 4 อันผมกำหนด class ชื่อ manu เหมือนกันหมดแต่กำหนด id ในแต่ละกล่องไม่เหมือนกัน แล้วผมไปกำหนดภาพพื้นหลังให้กล่อง div แต่ละกล่องต่างๆกันไป ใน id ภาพในแต่ละกล่องก็จะไม่เหมือนกันเลยใช่มั๊ยครับแต่ผมอยากให้เกิดสิ่งนี้เมื่อนำเม้าไปวางในทุกกล่อง ผมจะให้เปลี่ยนภาพพื้นหลังเป็น bg.gif แล้ว ผมก็กะจะใช้ class เปลี่ยนเพราะในทุกกล่องผมกำหนด class เหมือนกันหมดเพื่อจะได้เขียนโค้ด นี้ครับ .manu:hover เพื่อกำหนดภาพพื้นหลังใหม่ เมื่อนำเม้าไปวาง แต่ปรากฎว่ามันไม่เปลี่ยนครับ คือลักษณะอะไรที่เรากำหนดใน id แล้วผมใช้ class เปลี่ยนไม่ได้เลย หรือ id ไม่สามารถเปลี่ยนข้อมูลข้างในได้แล้ว ผมควรทำอย่างไรแนะนำหน่อยครับหรือมีวิธีอื่นบ้างรึปล่าวช่วยแนะนำด้วยครับ ผมเพิ่งหัดเรียนรู้ ครับขอโทษที่มันเป็นคำถามไร้สาระ ผมยังไม่เก่ง แต่จะพยายามครับ คนเราต้องเริ่ม จาก 0 ทุกคนแหละช่วยตอบผมด้วยขอบคุณมากครับ [/color]

<style type="text/css"
#homemanu{
background:url(manu/1.gif);

}
#biomanu{
background:url(manu/2.gif);

}
#identitymanu{
background:url(manu/3.gif);

}
#printmanu{
background:url(manu/4.gif);

}

.manu{
background:url(manu/2.gif);
background-size:100px 70px;
width:100px;
height:70px;
}

.manu:hover{
background:url(manu/hover.png);
background-size:130px 70px;
width:130px;
};
</style>

<a href="#home" title="bio"><div id="homemanu" class="manu" ></div></a>
<a href="#bio" title="bio"><div class="manu" id="biomanu"></div></a>
<a href="#identity" title="bio"><div class="manu" id="identitymanu"></div></a>
<a href="#print" title="bio"><div class="manu" id="printmanu"></div></a>

Tag : HTML/CSS, JavaScript, Action Script, Ajax, jQuery

Date : 2011-10-09 18:06:24

By : adisuk

View : 1484

Reply : 3

No. 1

PlaKriM

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

background:url(manu/hover.png) !important;

ลองดูนะครับ

จริงๆ
.manu{
background:url(manu/2.gif);
background-size:100px 70px;
width:100px;
height:70px;
}

ไม่ต้องก็ได้มั้ง

ปล. menu ครับ ไม่ใช่ manu

Date : 2011-10-09 20:25:05

By : ikikkok

No. 2

oat

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

ว้าวได้ครับ ขอบคุณมากครับ แค่ใส่ !important; เอง 55ผมไม่รู้ เพิ่งฝึกครับขอบคุณมากครับ

Date : 2011-10-09 20:51:59

By : adisuk

No. 3

PlaKriM

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

Date : 2011-10-09 20:53:58

By : ikikkok

ค้นหาข้อมูล

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

Re : การกำหนดลักษระ id class เพื่อทำเมนูบาร์ (จะใช้ class เปลี่ยนลักษระใน id)

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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