نمونه کد:
در صورتی که مرورگر شما از این کد پشتیبانی کند، در کادر زیر با حرکت دادن نشانه گر ماوس بر روی نام هر رنگ، زمینه ی صفحه به آن رنگ در می آید.
کد:
<!-- Start Of Disco Color MouseOver Script --> <!-- Background changes color when a link is moused over. --> <!-- Instructions: This script will give you the basics on how to change the background color when someone does a mouseover on a link. --> <!-- Script supplied with CoffeeCup HTML Editor --> <!-- www.saideh.com --> <head> <base target="_blank"> </head> <body bgcolor="#C0C0C0"> <p align="center"> <font face="Tahoma" style="font-size: 10pt; font-weight: 700"> <a href="#" onMouseover="document.bgColor='red'" style="text-decoration: none"> <font color="#FF0000">قرمز؟</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='orange'" style="text-decoration: none"> <font color="#FF9966">نارنجی؟</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='yellow'" style="text-decoration: none"> <font color="#FFFF00">زرد؟</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='green'" style="text-decoration: none"> <font color="#008000">سبز؟</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='blue'" style="text-decoration: none">آبی؟</a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='purple'" style="text-decoration: none"> <font color="#993399">بنفش؟</font></a><font color="#008000"><br> </font> <a href="#" onMouseover="document.bgColor='white'" style="text-decoration: none"> <font color="#FFFFFF">سفید؟</font></a></font><br> <!-- End Of Disco Color MouseOver Script --></p>