Скрипт Добавь в закладки с эффектом свечения

Скрипт Добавь в закладки с эффектом свечения
Скрипт, который прислал нам один из наших пользователей сайта добавление в закладки с эффектом свечения при наведении курсором на изображение

Установка:
Вставляем в блок:
Код
<script>  
  jQuery(function(){  
  $("#banners img").hover(function(){  
  $(this).stop().animate({opacity:'1.0'})},  
  function(){$(this).stop().animate({opacity:'.3'})}  
  );  
  });  
  </script> <div id="banners"><div align="center" class="eMessagecsomsk"><A title="Портал для вебмастеров uCoz и игроков Counter-Strike" href="http://uWebo4ka.3dn.ru/" rel=sidebar onclick="window.external.addFavorite(location.href,'Название вашего сайта'); return false;"><img src="http://uwebo4ka.3dn.ru/scripts/zakladki/zakladka.gif" border="0" alt="Добавь сайт в закладки" /></A></div></div><br><table cellspacing="0" cellpadding="0">  
  <tr>
  <td class="op_fon">  
  <img src="http://uwebo4ka.3dn.ru/scripts/zakladki/dialog-warning.png"></td>  
  <td class="gost" valign="top">Нажми на клавиатуре Ctrl+D или нажми <a title="Добавить эту страницу в избранное вашего браузера" href="" rel="sidebar" title="Добавить эту страницу в избранное вашего браузера" onclick="if(document.all && !window.opera){window.external.AddFavorite(this.href,'csomsk.Ru™ - Всё для тебя и твоей игры!'); return false;}">Добавить</a>  
  </td>  
  </tr>  
  </table>

Вставляем в CSS:
Код
#banners img{opacity:.3;filter:alpha(opacity=30)}  
  .op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:40px;}  
  .gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:40px;font:10px Tahoma;width:150px;}  
  .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  
  .eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;  
  border:1px solid#dbdbdb !important;border-radius:4px;  
  -moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}  
  a img {border:0px;}

Автор материала:
Логин на сайте:
Группа:
Дата входа:
О материале:
Дата добавления: 18.11.2013 в 13:17
Материал просмотрен: 659 раз
Оставлены: 0 комментария
Рейтинг материала По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет

Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0