Freecode
>  Home   HTML   CSS   JavaScript   PHP   Perl   Photoshop   TCP/IP 


   

เปลี่ยนสีพื้นหลังตามใจคนดู

          สคริปต์เมนูให้ผู้ใช้เลือกสี แล้วเปลี่ยนสีพื้นหลังตามที่ผู้ใช้เลือก

:: How to Build ::
  1. ประกาศตัวแปร CArray ให้เก็บกลุ่มของสีเอาไว้ <script language="JavaScript"> CArray = new Array('white','black','red','blue','green','gray') </script>
  2. สร้างเมนูครับ ทำเป็นแบบ Pop-up มีคำสั่งเปลี่ยนสีพื้นหลังอยู่ใน onchange โดย this.selectedIndex หมายถึง หมายเลขของ option ที่ถูกเลือก <form name=form1> <select name=menu1 onchange="document.bgColor=CArray[this.selectedIndex]"> <option>White <option>Black <option>Red <option>Blue <option>Green <option>Gray </select> </form>

Full Coding

<HTML> <HEAD> <script language="JavaScript"> CArray = new Array('white','black','red','blue','green','gray') function changeBgColor(clr) { document.bgColor=clr; } </script> </HEAD> <BODY BGCOLOR="#FFFFFF"> <center> <form name=form1> <select name=menu1 onchange="changeBgColor(CArray[this.selectedIndex])"> <option>White <option>Black <option>Red <option>Blue <option>Green <option>Gray </select> </form> </center> </BODY> </HTML>

Back to top





© copyright 2001 Sorrawut Korsuwansiri