|
Каталог файлов
|
|
Внимание: Материал скопирование с сайта ucozon.ru ,ссылка на наш сайт строго обязательна! При нарушение этого, последует наказание. |
|
1. Между тегами head:<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>
тут же подключим стили(css):
<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>
вставляем само изображение: <div id="rss"><a href="#" title="fancy rss"></a></div>
|
|
|
|
Статистика
Онлайн всего: 1 Гостей: 1 Пользователей: 0
|
| | |