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

download font

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

download icon

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

download template

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

Download Vector

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

ของเสริม photoshop

brush style patterns

Home » script javascript

javascript ปุ่มเปลี่ยนสี แบล็กกราว์ด

Submitted by on วันศุกร์, 2 กันยายน 20113 Comments


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

javascript onclick changbg javascript ปุ่มเปลี่ยนสี แบล็กกราว์ด

javascript เปลี่ยนสี แบล็กกราว

ทำปุ่ม เปลี่ยนพื้นหลังในเว็บไซต์

วันนี้ใครต้องการแต่งเว็บไซต์ด้วยการ เเปลี่ยนสีของ blackground ของเว็บไซต์ วันนี้มาดูการสร้างปุ่ม เพื่อเปลี่ยนสีของพื้นหลังเว็บเพจกันครับ โดยเราจะใช้ JavaScript เข้ามาช่วยในการทำปุ่มเปลี่ยนสีนี้กันครับ

ปรกติแล้วการสร้างปุ่มเราก็จะใช้

<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง ..." />

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

<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง Black" onclick="document.bgColor='Black';" />

แค่นี้เราก็ได้แล้วครับ หากใครต้องการหลายๆปุ่มที่สามารถเปลี่ยนได้หลายๆสีก็ จัดไปหลายๆปุ่มเลยครับ

<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง pink" onclick="document.bgColor='pink';" />
<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง blue" onclick="document.bgColor='blue';" />
<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง red" onclick="document.bgColor='red';" />
<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง Yellow" onclick="document.bgColor='Yellow';" />
<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง Green" onclick="document.bgColor='Green';" />
<input type="button" value="ปุ่มเปลี่ยนสีพื้นหลัง seagreen" onclick="document.bgColor='seagreen';" />

ปล.สำหรับส่วนนี้ให้วางในแท็ก BODY นะครับ


ตัวอย่าง javascript bgcolor onclick คลิกที่นี่ครับผม

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


Related Posts

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

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


3 Comments »

  • 123 said:

    ขอก๊อบโค๊ด จาวา นี้หน่อยนะครับ เผื่อไว้ทำบ้าง

    Reply to this commentตอบกลับความเห็นนี้
  • the best seo service said:

    YXaTYa Very informative blog.Thanks Again. Will read on…

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

    gghk80 Thanks for the blog post.Really thank you! Much obliged.

    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.