1. Между тегами head: Code <script src="jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#rss a') .append('<span class="hover" id="rsscolor"/>').each(function () { var $span = $('> span.hover', this).css('opacity', 0); $(this).hover(function () { $span.stop().fadeTo(800, 1); }, function () { $span.stop().fadeTo(800, 0); }); }); }); </script> тут же подключим стили: Code <style> body{ background:#000;} #rss{ width:300px; height:225px; margin:auto; position:relative; display:block;} #rss a{ background-image:url(rss_bw-300x225.png); background-repeat: no-repeat; position:relative; display:block; width:300px; height:225px; } #rss span.hover{ width:300px; height:225px; background-image:url(rss-300x225.png); background-repeat: no-repeat; position:relative; display:block;} </style> вставляем само изображение: Code <div id="rss"><a href="#" title="fancy rss"></a></div> Исходники пример у меня на сайте ячейка RSS Источник: www.ps-studio.info
|