Jquery Color Example - Jquery

How to change background color using jquery functions?

Snippet Code

Rate this page :
  [ 0 votes]

Jquery color code used to transform multiple colors for background. This color change occurs by dragging your mouse over the colors. Here the simple jquery color code to create and set color for background.

<script type="text/javascript"> function clicked(gg,rr,bb) { var hex='#'+deciToHex(gg)+deciToHex(rr)+deciToHex(bb); document.body.style.backgroundColor=hex; $("#tbprev").css('background-color',hex); } function getHexNum(num) { ar1=new Array('0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15'); ar2=new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'); if(num>15) return num; else { red=ar2[num]; return red; } } function deciToHex(arg) { res2=999; args=arg; while(args>15) { arg1=parseInt(args/16); arg2=args%16; arg2=getHexNum(arg2); args=arg1; if(res2==999) res2=arg2.toString(); else res2=arg2.toString()+res2.toString(); } if(args<16 amp&res2 != 999) { def=getHexNum(args); res2=def+res2.toString(); } else if(res2==999) { if(args<16) res2=getHexNum(args); else res2=1; } if(res2.length==1) res2="0"+res2; return res2; } function change() { document.body.style.backgroundColor='white'; $("#tbprev").css('background-color','white'); } </script> <style type="text/css"> .tab{border: 1px inset black; background-color: black;} </style> <form name=colchanger> <table style="width:100%;" id='tbprev'> <tr><td> <table class=tab cellpadding=0 cellspacing=0> <script type="text/javascript"> for(i=0;i<=256;i+=18) { if(i==252) i=255; document.write("<tr>"); for(j=0;j<=256;j=j+51) { for(k=0;k<=256;k=k+51) { document.write("<td onMouseOver='clicked("+i+","+j+","+k+")' \ onMouseOut='change()'\ style=\"border: 1px inset black; width:15px; \ height: 15px; font-size: 6px; background-color: rgb("+i+","+j+","+k+");\""+"> </td>"); } } document.write("</tr>"); } </script> </table> </td></tr></table> </form>


Ask Questions

Ask Question