Перейти к содержанию
CMSTOOLS.org - форум поддержки и развития CMS

Поиск сообщества

Показаны результаты для тегов 'плавное'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип контента


Форумы

  • Artificial intelligence
    • ChatGPT
  • Front-end
    • HTML + CSS
    • JS + фреймворки
  • Back-end
    • PHP
    • MySQL
    • Python
    • .NET/C/C++/C#
  • CMS
    • Всё о Vii Engine
    • Всё о DataLife Engine (DLE)
    • Всё о Invision Power System
    • Всё о AlphaCMS
    • Различные CMS
  • Социальные сети/Мессенджеры
    • Telegram
    • Вконтакте
    • Discord
    • Разработка ботов
  • Сервисы, софт
    • Linux
    • Windows
    • Сборки серверов
    • Apache, Nginx, .htaccess
  • Коммерция
    • Продажа
    • Услуги
    • Покупка
  • Общий раздел
    • Продвижение и SEO
    • Веб-дизайн, графика
    • Монетизация сайтов
    • Ваши проекты (Линчевальня)
    • Помощь пользователям (общее)
    • Болталка
    • Арбитраж
    • Корзина
  • CMS Tools - форум поддержки и развития CMS
    • Обязательно к прочтению!
    • Новостной блок CMSTools
    • Жалобы и предложения

Категории

  • VII ENGINE
    • Сборки vii engine
    • Модули, плагины, хаки vii engine
    • Шаблоны, дизайн, внешний вид
  • Alpha CMS
    • Релизы AlphaCMS
    • Модули, плагины, хаки AlphaCMS
    • Шаблоны, дизайн, внешний вид AlphaCMS
  • Invision Community
    • Релизы IPS
    • Шаблоны, внешний вид IPS
    • Компоненты, модификации IPS
  • DataLifeEngine
    • Релизы DLE
    • Шаблоны DLE
  • Front-end
    • HTML+CSS
  • Различные CMS
    • Игровые CMS
    • Социальные CMS
    • Разное

Поиск результатов в...

Поиск контента, содержащего...


Дата создания

  • Начало

    Конец


Дата обновления

  • Начало

    Конец


Фильтр по количеству...

Регистрация

  • Начало

    Конец


Группа


Сайт


Telegram


Skype


Jabber


ICQ


Интересы

Найдено: 1 результат

  1. Практически на каждом сайте Вы можете увидеть кнопки - Подробнее, Информация, Открыть/Скрыть информацию и подобные им. При нажатии на них плавно раскрывается блок с соответствующей информацией. Как это реализовать? Достаточно просто. При помощи JS (библиотеки jQuery). Подключим её с сервера Google: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> Теперь пример целиком. Чтобы не разбирать его по частям и не путать Вас, прокомментирую все основные моменты прямо в нём. <!DOCTYPE html> <html> <head> <!-- Подключаем jQuery --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <!-- Скрипт плавного открытия и закрытия блока --> <script type='text/javascript'> $(document).ready(function() { $("A#trigger").toggle(function() { // Отображаем скрытый блок $("DIV#box").fadeIn(); // fadeIn - плавное появление return false; // не производить переход по ссылке }, function() { // Скрываем блок $("DIV#box").fadeOut(); // fadeOut - плавное исчезновение return false; // не производить переход по ссылке }); // end of toggle() }); // end of ready() </script> </head> <body> <a href='#' id='trigger'>Открыть/скрыть информацию</a> <!-- Всё происходит при нажатии на ссылку --> <div id='box' style='display: none;padding:10px;background-color:#f1f1f1;margin:10px;width:210px;'>Содержимое скрытого блока</div> </body> </html> Не забываем, что в данном примере происходит удалённое подключение jQuery. На локалке без доступа в интернет пример работать не будет. По этому примеру можно украсить вашу сборку. Такой пример есть в сборке Freend (Точнее рипа сборки.)
×
×
  • Создать...