ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » script javascript

Code Javascript เปลี่ยนสี Background ของเว็บไซต์ โดย User

Submitted by on วันอังคาร, 1 พฤศจิกายน 2011One Comment


คำค้นหา: , , , ,

javascript bg color Code Javascript  เปลี่ยนสี Background ของเว็บไซต์ โดย User

Code Javascript BG Color

Javascript แต่งเว็บไซต์ เปลี่ยนสี Background ของเว็บไซต์
วันนี้ผมขอนำเสนอ Code Javascript เล็กๆน้อยๆสำหรับ ไว้เป็นลูกเล่นในเว็บไซต์หน่อยครับ สำหรับบางคนอย่างให้เว็บไซต์เปลี่ยนสีพื้นหลังได้ โดย การเลือกสีของพื้นหลังใน Javascript นั้นก็ไม่ได้ยากอย่างที่คิดเลยครับ ลองมาดูกันว่าเราจะเปลี่ยนสีพื้นหลัง ตาม User ต้องการได้อย่างไร

ขั้นแรกให้เราสร้าง Form สำหรับ user เลือกสีที่ต้องการขึ้นมาก่อน จากนั้นเราก็กำหนดด้วยการที่ User เลือก ตัวอย่าง Code นะครับ

1
2
3
4
5
<form>Change the background color:
<select name="backGround" size="1" onChange=(document.bgColor=backGround.options[backGround.selectedIndex].value)>
<option value="000000">[Black]
</option><option value="FFFFFF" selected>[White]
</option></select></form>

แค่นี้เราก็ได้ เว็บไซต์ที่สามารถเปลี่ยนสีของ Background โดย User ได้แล้วครับ
หากใครต้องการสีเพิ่มเติมให้นำโค๊ดด้านล่างนี้ไปต่อจาก

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<option value="730200">[Dark Red]
</option><option value="231800">[Brown]
</option><option value="044302">[Dark Green]
</option><option value="0D09A3">[Dark Blue]
</option><option value="444444">[Gray]
</option><option value="FF0400">[Red]
</option><option value="EFE800">[Yellow]
</option><option value="05EF00">[Green]
</option><option value="0206FF">[Blue]
</option><option value="AE08EF">[Violet]
</option><option value="FF8C8A">[Mauve]
</option><option value="FFCCCC">[Peach]
</option><option value="FFCC99">[Orange]
</option><option value="D5CCBB">[Tan]
</option><option value="DDDDDD">[Light Gray]
</option><option value="FBFF73">[Light Yellow]
</option><option value="7CFF7D">[Light Green]
</option><option value="A6BEFF">[Light Blue]
</option>

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


One Comment »

  • the best seo service said:

    J2iH5G Great, thanks for sharing this blog post. Awesome.

    Reply to this commentตอบกลับความเห็นนี้

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.