Главная » Статьи » Скрипты |
Скрипт Рекламные места с эффектом свечения
![]() Скрипт Рекламные места с эффектом свечения баннеров при наведении курсором. Размеры баннеров 150х200 и 88х31
Установка: В блок вставляем: Код <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://gamelife.3dn.ru/" target="_blank"><img src="http://www.csomsk.ru/160x250.png" border="0" alt="Свободное рекламное место 150х200" /></A></div><hr><center><a href="http://gamelife.3dn.ru/" target="_blank" title="Популярный сайт counter-strike,ucoz"><img src="http://csomsk.ru/Untitled-1.gif" width=88 height=31 border=0></a><img src="http://csomsk.ru/1-ucoz/news-new/reklama1.png" border="0" alt="" /></center> <center><img src="http://csomsk.ru/1-ucoz/news-new/reklama1.png" border="0" alt="" /><img src="http://csomsk.ru/1-ucoz/news-new/reklama1.png" border="0" alt="" /></div></center><br><table cellspacing="0" cellpadding="0"> <tr> <td class="op_fon"> <img src="http://www.csomsk.ru/1-ucoz/news-new/dialog-warning.png"></td> <td class="gost" valign="top">Рекламные места свободны Обращайтесь к <a href="http://www.csomsk.ru/index/8-349" target="_blank" title="Админ"><font color="red">Lexarus</font></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;} hr {color:#777777;height:2px;border-top:0px;border-style:dashed;border-left: none; border-right: none;} | |
Просмотров: 720 | |
Всего комментариев: 0 | |