»
EnglishFrenchVietnamese

Print - Colorful Object onMouseover - JavaScriptBank.com

Full version: jsB@nk » Form » Colorful Object onMouseover
URL: https://www.javascriptbank.com/colorful-object-onmouseover.html

Colorful Object onMouseover © JavaScriptBank.comI 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.

Full version: jsB@nk » Form » Colorful Object onMouseover
URL: https://www.javascriptbank.com/colorful-object-onmouseover.html



CSS
<style type=text/css><!--Colorful Object onMouseover 1.0Author: Thái Cao PhongWebsite: www.JavaScriptBank.comPlease 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-->


JavaScript
<script type=text/javascript>/*    xxxxxxxxxxxxxxx   xxxxxxxxxxx     xxxx    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx    xxxxxxxxxxxxxxx  xxxxxxxxxxxxx    xxxx         xxxxx       xxxxxxxxxxxx     xxxx         xxxxx       xxxxx  xxxx         xxxxx xxxxxxxxxxxx  xxxx         xxxxx xxxxxxxxxxxxx  xxxxxxxxxxxwww.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.0Author: Thái Cao PhongWebsite: www.JavaScriptBank.comPlease 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-->


HTML
<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-->