http://jsfiddle.net/7xQMR/ пример тут работает, пытаюсь для простоты засунуть это все в один html файл нефига последние что пришло в головы выкладываю тут.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$.fn.iconHover = function () {
return $(this).hover(
function(){$(this).stop().fadeTo("fast",1)},
function(){$(this).stop().fadeTo("slow", 0.3)}
);
}
</script>
<style type="text/css">
<script type="text/javascript">
$("div").iconHover();
$("h1").iconHover();
</script>
div,h1 {opacity:0.3; cursor
ointer;}
div {width:100px;
height:100px;
background:#0F0;
border: 5px #FFF solid;
float:left;
}
</style>
</head>
<body>
<h1>Наведите на меня</h1>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>