Phiên bản đầy đủ: jsB@nk » Màu nền » Chọn màu nền khi rê chuột
URL: https://www.javascriptbank.com/background-color-changer.html
Hiệu ứng cho phép bạn vừa thay đổi màu nền của trang web vừa xem mã màu của chúng khi rê con trỏ chuột vào các dãy màu.
Phiên bản đầy đủ: jsB@nk » Màu nền » Chọn màu nền khi rê chuột
URL: https://www.javascriptbank.com/background-color-changer.html
<SCRIPT language=javascript>/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/function f1(code){if (document.fo2.c4.checked==true){document.bgColor=codedocument.fo1.t1.value=code}}function f2(){document.bgColor="#ffffff"document.fo1.t1.value="#ffffff"document.fo1.c1.selected = false}function f3(){if (document.fo2.c4.checked==false){f2()}}function f4(c){document.bgColor = c}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><FORM name=fo2><INPUT name=c4 onclick=f3() type=checkbox value="ON"></FORM><HR><TABLE align=center cellSpacing=0> <TBODY> <TR name="tr1"> <TD bgColor=#000000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#050000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#100000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#150000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#1a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#1f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#200000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#250000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#2a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#2f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#300000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#350000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#3a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#3f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#400000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#450000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#4a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#4f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#500000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#550000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#5a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#5f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#600000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#650000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#6a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#6f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#700000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#750000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#7a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#7f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#800000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#850000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#8a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#8f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#900000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#950000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#9a0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#9f0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#a00000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#a50000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#aa0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#af0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#b00000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#b50000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#ba0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#bf0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#c00000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#c50000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#ca0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#cf0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#d00000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#d50000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#da0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#df0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#e00000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#e50000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#ea0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#ef0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#f00000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#f50000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#fa0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#ff0000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"></TD></TR></TBODY></TABLE><BR><TABLE align=center cellSpacing=0> <TBODY> <TR> <TD bgColor=#000000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#001000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#001500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#001a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#001f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#002000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#002500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#002a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#002f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#003000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#003500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#003a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#003f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#004000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#004500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#004a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#004f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#005000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#005500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#005a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#005f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#006000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#006500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#006a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#006f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#007000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#007500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#007a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#007f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#008000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#008500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#008a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#008f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#009000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#009500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#009a00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#009f00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00a000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00a500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00aa00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00af00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00b000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00b500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00ba00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00bf00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00c000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00c500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00ca00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00cf00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00d000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00d500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00da00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00df00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00e000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00e500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00ea00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00ef00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00f000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00f500 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00fa00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00ff00 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"></TD></TR></TBODY></TABLE><BR><TABLE align=center cellSpacing=0> <TBODY> <TR> <TD bgColor=#000000 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000005 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00000a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00000f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000010 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000015 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00001a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00001f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000020 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000025 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00002a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00002f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000030 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000035 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00003a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00003f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000040 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000045 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00004a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00004f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000050 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000055 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00005a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00005f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000060 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000065 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00006a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00006f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000070 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000075 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00007a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00007f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000080 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000085 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00008a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00008f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000090 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#000095 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00009a height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#00009f height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000a0 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000a5 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000aa height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000af height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000b0 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000b5 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000ba height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000bf height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000c0 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000c5 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000ca height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000cf height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000d0 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000d5 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000da height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000df height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000e0 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000e5 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000ea height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000ef height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000f0 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000f5 height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000fa height=20 onmouseover=f1(this.bgColor) width=10 name="t1"> <TD bgColor=#0000ff height=20 onmouseover=f1(this.bgColor) width=10 name="t1"></TD></TR></TBODY></TABLE><HR><P align=center><FORM name=fo1><INPUT name=t1 value=#ffffff size="20"><BR>Purest red<INPUT name=c1 onclick=f4(this.value) type=radio value=#ff0000><BR>Purest green<INPUT name=c1 onclick=f4(this.value) type=radio value=#00ff00><BR>Purest blue<INPUT name=c1 onclick=f4(this.value) type=radio value=#0000ff> <HR></FORM><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->