08 ноя 2010
Плавное разворачивание/сворачивание слоя
Ares Категория: DATALIFE ENGINE » Модули
У нас вы можете скачать бесплатно Плавное разворачивание/сворачивание слоя

Данный материал предоставлен сайтом Skripter.info исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Плавное разворачивание/сворачивание слоя


Отличный jQuery-эффект, который и выглядит красиво, и место экономит не слабо.


0. Подключаем jQuery (Если у Вас DLE 9.0 — пропустите этот шаг)
Перед:
</head>



Добавляем
<script type="text/j&#097;vascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>



1. Открываем страницу (templates/шаблон/main.tpl)
После:
<body>



Вставляем:
<script type="text/j&#097;vascript">
$(document).ready(function(){
    $('.spoiler').hide()
    $('.pressit').click(function(){
        $('.spoiler').slideToggle("slow");
    })
})
</script>




2.в нужном месте делаем вывод
<!-- jquery slidetoggle -->
<div class="pressit" style="color: #6F6F6F; text-decoration: underline;">нажми меня</div>
<div class="spoiler">
Здесь контент блока
</div>



И все, клик по «нажми меня» приведет к тому, что плавно развернется div с текстом «Здесь контент блока» Повторный клик — и div столь же плавно сворачивается.
Вставлять div с классом spoiler нужно в том месте, где вы хотите выводить слой с текстом.
Если вам нужно несколько таких анимационных эффектов, создайте перед head-ом несколько функций с разными именами: spoiler2, pressit2 и соответственно смените имена в div.









Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
kazimat301 | 8 ноября 2010 09:10

Щя испробую , спасибо 1

KaSeo | 8 ноября 2010 21:50
  • Группа: Посетители |
  • Комментарий: 2 (ссылка)

Нужно сделать demo страничку, как предлагал, вроде, Итачи Учиха

ded_OK | 24 октября 2011 16:32
  • Группа: Посетители |
  • Комментарий: 3 (ссылка)

не оч :(

Olejameessermich | 20 августа 2012 19:02

Игорь Бакулин . хочу сказать всем что я Миронов О.М. г.Москва 1959 года целюлитная гнида, предатель и мелкий воришка !!!Сервис весна-лето 2006 Гордей суд 2012,егоров николай николаевич кретов евгений владимирович соматин Ермолай!Личное капитан Очевидность мосты Абромович путешествия Чубайс Единая Россия НЛО Наши Норвегия Чернобыль Трагедия Грузия медитация , Победа история память деньги Алексашенко :))) истории кино с 10.12.2002г. – 01.07.2003г.. заместитель генерального директора Группы компаний Доброслав; Бычков
плюс к этому я Миронов Олег Михайлович 1959-08-21 пи3дливый кидала и я ненавижу свою собаку .

Prarkcepapork | 21 августа 2012 14:43

description3!!

morethouh | 22 августа 2012 17:40

delete plz

Advadsavave | 23 августа 2012 21:20

description1!!

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.