JavaScript code/MouseTips

Mouse tips Back

********************************************
Free JavaScript provided by Š2003-VB'Breizh
**Updated (11/8/2004) Compatibility : Internet Explorer

1. Change cursor :

2. Mouse position

3. Mouse events
onmouseDown,onmouseMove,onmouseOut, onmouseOver, onmouseUp
Move your mouse over these controls

...image... ...button... ...text...

...Download the JavaScript source code (1.20 kb)

<html><head>
<script language="JavaScript"></script></head>
<body>
<font size=2>Free JavaScript provided by Š2003-VB'Breizh
<hr><fontsize=3>
1. Change cursor :<ul> 

<a href="" style="cursor:crosshair">crosshair</a><br>          
<a href="" style="cursor:default">default</a><br>          
<a href="" style="cursor:pointer">pointer</a><br>
<a href="" style="cursor:help">help</a><br> 
<a href="" style="cursor:move">move</a><br>          
<a href="" style="cursor:n-resize">n-resize</a><br>
<a href="" style="cursor:text">text</a><br>
<a href="" style="cursor:wait">wait</a></ul>
2. Mouse position<br>
    <form name="Show">
    <input type="text" name="MouseX" value=" X = 0" size="6"><br>
    <input type="text" name="MouseY" value=" Y = 0" size="6">
    </form><script language="JavaScript">
    
    </script><br>
3. Mouse events<br><font size=2>
    onmouseDown,onmouseMove,onmouseOut, onmouseOver, onmouseUp<br>
    <center>Move your mouse over these controls<p>
    ...image...          <img src='prt0.gif' 
    onmouseOver="this.src='prt3.gif'"
    onmouseOut="this.src='prt0.gif'">      
    ...button...              
    <input type="button" value="mouseOut "   
    onmouseOver="this.value='mouseOn !'"
    onmouseOut="this.value='mouseOut '">     
    ...text...                            
    <input type="text" value="......" size=10                 
    onmouseOver="this.value='......Hello !'"
    onmouseOut="this.value='......'"></center>
</body></html>

Comment, question ?