マウスオーバーで要素のスタイルを切り替えるサンプル

jQueryのバージョンは1.3.2。


li要素にマウスオーバーしたときに、
colorとtext-decorationの値を変更させる、という場合。

$(function(){
	$('li').hover(
		function() { // マウスオーバーしたとき
			$(this).css({
				'color':'(色の値)',
				'text-decoration':'underline'
			});
		},
		function() { // マウスアウトしたとき
			$(this).css({
				'color':'(色の値)',
				'text-decoration':'none'
			});
		}
	);
});