JoshS的部落格

hover(over,out)其實也就是定義好的onMouseOver、onMouseOut

Ex:

<style type="Text/Css">
	.to_mouseOver
	{

                 background-Color:red;
                 color:white;

	}
	.to_mouseOut
	{
		background-Color:white;
		color:black;
	}
</style>

<script

$(document).ready(function(){
	$('div').hover(
			function()
			 {
				$(this).addClass('to_mouseOver'); 
                         }, 
                        function() 
                        { 
                           $(this).removeClass('to_mouseOver'); 
                         } ); 

        $('#myGrid tr').hover( 
                     function()
                       { 
                            $(this).addClass('to_mouserOver'); 
                       } , 
                     function()
                       { 
                            $(this).removeClass('to_mouserOver'); 
                       } ); 
}) 
</script> 

<div> 選項一 </div>

<div> 選項二 </div>

<div> 選項三 </div>

以上不難看出此範例的用法

也就是當mouseOver(滑入時)是A方式的css，mouseOut(滑出時)是B方式的css