Понедельник, 23.12.2024, 04:25
Реклама


  • Страница 1 из 1
  • 1
Uspoiler Nice Style
d0t1kcsДата: Четверг, 15.04.2010, 19:27 | Сообщение # 1

Лейтенант

Сообщений: 64


[ 10 ]


Offline

* Краткое описание: Это спойлер по нажатию кнопки, плавно открывается )))

В CSS

Code
<style type="text/css">  
input.uSpoilerButton {  
     border: 0;  
     padding: 0 0 0 13px;  
     outline: 0;  
     font-size: 12px;  
     background-color: inherit !important;  
     cursor: pointer;  
}  

div.uSpoilerClosed input.uSpoilerButton {  
     background: url('http://alexeenko.org/public/img/spoiler_plus.gif') 0% 50% no-repeat;  
}  

div.uSpoilerOpened input.uSpoilerButton {  
     background: url('http://alexeenko.org/public/img/spoiler_minus.gif') 0% 50% no-repeat;  
}  
</style>

Это вставлять после $BODY$

Code
<script type="text/javascript">  
/* by Vanofuture — webcodes.ru */  
$('input.uSpoilerButton').removeAttr('onclick').click(function () {  
$(this).val(this.value == 'Закрыть спойлер' ? 'Открыть спойлер': 'Закрыть спойлер').parent().parent().attr('class', $(this).parent().parent().attr('class') == 'uSpoilerClosed' ? 'uSpoilerOpened': 'uSpoilerClosed').find('div:last').slideToggle('normal')  
});  
</script>

Плюсы:
Реализовано плавное открытие
Новый дизайн спойлера
  • Страница 1 из 1
  • 1
Поиск:
n0x1-portal.ucoz.net
(c) Все права защищены! 2010 | Бесплатный конструктор сайтов - uCoz
New Design BETA Ver. 1.3 by TOT6
Все материалы, размещенные на сайте предназначены исключительно для ознакомления!
Дизайн сайта принадлежит администратору сайта d0t1k#.w0w^ and Ke[Sh]a
Сайт оптимизирован под браузер FireFox Mozila.
Sitemap | Sitemap-forum.

$body$