»
Tiếng AnhTiếng PhápTiếng Việt

In - Colorful Object onMouseover - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Colorful Object onMouseover
URL: https://www.javascriptbank.com/colorful-object-onmouseover.html

Colorful Object onMouseover © JavaScriptBank.comHiệu ứng JavaScript này sẽ đổi màu nền của bất cứ đối tượng nào khi bạn rê con trỏ chuột đến chúng như: bảng, cột, đoạn văn, frame,...Mỗi lần đổi là một màu khác nhau trong mảng màu được khai báo trước, nên bạn có thể khai báo thêm mảng màu cho riêng mình.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » 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-->