Скрипт Рекламные места от сайта csomsk.ru с эффектом свечения баннеров при наведении курсором. Размеры баннеров 150х200 и 88х31
Установка:
В блок вставляем:
Code
<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://www.csomsk.ru/" target="_blank"><img src="http://www.csomsk.ru/160x250.png" border="0" alt="Свободное рекламное место 150х200" /></A></div><hr><center><a href="http://csomsk.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 вставляем:
Code
#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;}