« »

I think this JavaScript is also quite interesting. It can make objects become more lovely and colorful. Here in example, you move your mouse over the objects to see effect.

Label: Colorful Object onMouseover

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
CSS
JavaScript
HTML
Print

Copy All x2

<style type=text/css>
<!--
	Colorful Object onMouseover 1.0
	Author: ThÃ¡i Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/
A{
	text-decoration: none;
	}
A:hover{
	color: black;
	text-decoration: underline overline
}
P{
	PADDING: 0px;
	MARGIN: 0px;	
}
-->
</style>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<script type=text/javascript>
/*
		
		    xxxxxxxxxxxxxxx   xxxxxxxxxxx     xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx
		         xxxxx       xxxxxxxxxxxx     xxxx
		         xxxxx       xxxxx			  xxxx
		         xxxxx		 xxxxxxxxxxxx	  xxxx
		         xxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxx			www.JavaScriptBank.com
		         xxxxx		  xxxxxxxxxxxx	  xxxxxxxxxxxxx
		         xxxxx       		 xxxxx	  xxxx     xxxx
		   xxx   xxxxx		  xxxxxxxxxxxx    xxxx     xxxx
		   xxx  xxxxxx		 xxxxxxxxxxxxx	  xxxx     xxxx
		   xxxxxxxxxx		 xxxxxxxxxxxxx	  xxxxxxxxxxxxx
		    xxxxxxxx		  xxxxxxxxxxx      xxxxxxxxxxx      

	Colorful Object onMouseover 1.0
	Author: ThÃ¡i Cao Phong
	Website: www.JavaScriptBank.com
	Please keep these comments above to contact author when you use this script. Thank you very much.
	Vietnamese: Xin ban hay giu lai nhung thong tin tren de nguoi khac co the lien he voi tac gia neu ban co 
su dung doan ma nay. Cam on ban rat nhieu.
*/

var ColorCode=new Array("e0f1ee","d6efff","646560","ffffcc","66ccff",
			"99ffcc","c0c0c0","669999","999966");
function ParaOver(CaoPhong){
   CaoPhong.style.backgroundColor=ColorCode[Math.round(Math.random()*10)];
}
function ParaOut(CaoPhong){
   CaoPhong.style.backgroundColor="transparent";
}
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<p onmouseover=ParaOver(this) onmouseout=ParaOut(this)>Object 1</p>
<p onmouseover=ParaOver(this) onmouseout=ParaOut(this) align="center">Object 2</p>
<p onmouseover=ParaOver(this) onmouseout=ParaOut(this) align="right">Object 3</p>
<p onmouseover=ParaOver(this) onmouseout=ParaOut(this) align="center">Object 4</p>
<p onmouseover=ParaOver(this) onmouseout=ParaOut(this)>Object 5</p>

<p onmouseover=ParaOver(this) onmouseout=ParaOut(this) align="center">Object 6</p>
<p onmouseover=ParaOver(this) onmouseout=ParaOut(this) align="right">Object 7</p>
<p onmouseover=ParaOver(this) onmouseout=ParaOut(this)>Object 8</p>
<p onmouseover="ParaOver(this)" onmouseout="ParaOut(this)">You can use this 
script for many objects as table:</p>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="50%">&nbsp;</td>
    <td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="50%">&nbsp;</td>
  </tr>

  <tr>
    <td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)" width="50%">&nbsp;</td>
    <td onmouseover="ParaOver(this)" onmouseout="ParaOut(this)">&nbsp;</td>
  </tr>
</table>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->