spoiler - Форум « SHalbuz-Dag - Территория, исполнения заветных желаний!!!
Гость !!! | RSS
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
Страница 1 из 11
Модератор форума: Khufu 
Форум » Скрипты » Другие Скрипты » spoiler
spoiler
« Rasmus » Дата: Среда, 05 Январь 2011, 15:04:52 | Сообщение # 1
Прозревшие
Rasmus
«Проверенные»
Сообщений: 304
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Смайл настроения
Пример: Оживляет все параграфы, которые нужно показывать если они спрятаны, и спрятать если они видимые, завершая оживление в течение 600 миллисекунд.

Code
<html>
<head>
      <style>
p { background:#dad;
font-weight:bold;
font-size:16px; }
</style>
      <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>

<body>
<button>Переключатель</button>
<p align="left">ТЕКСТ</p>
<p align="left">Такой интересный текст, иeх?</p>
<script>
$("button").click(function () {
$("p").toggle("slow");
});        
</script>

</body>
</html>

 
« Rasmus » Дата: Среда, 05 Январь 2011, 15:15:23 | Сообщение # 2
Прозревшие
Rasmus
«Проверенные»
Сообщений: 304
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Смайл настроения
еще один вариант spoilerа

Code
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
     $('.spoiler').hide()
     $('.knob').click(function(){
         $(this).next().toggle()
     })
})
</script>
<div class="knob">
<img src="http://shalbuzdag-666.ucoz.ru/sml2/sml_fr/sml4.gif" border="0" align="absmiddle" alt="hands">
</div>
<div class="spoiler">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.   
</div>

 
Форум » Скрипты » Другие Скрипты » spoiler
Страница 1 из 11
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2016 ()
уЧётчик сайта