Выплывание div блока при наведении

(Ответов: 13, Просмотров: 4061)
Страница 1 из 2 12 Последняя
  1. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    Приветствую, уважаемые участники.
    Делаю новый сайт и так как по бокам места мало (90% экрана занимает контент), то понадобилась такая штука, как выплывающие с боков div-блоки. Пояндексил, погуглил, ничего не нашёл*, пришлось обратиться к вам, друзья мои.
    *точнее нашёл, но там окно выползало только по клику, а мне надо чтоб навёл и збс.

    Короче, буду неимоверно благодарен тому (или тем), кто поможет мне решить мою, так сказать, проблему. Желательно с кодами, скриптами и прочими интимными подробностями.

    :)
    бох смм
    • 0
  2. Дипломник
    • Регистрация: 30.07.2012
    • Сообщений: 151
    • Репутация: 12
    • Webmoney BL: ?
    А вы измените событие клика на наведение курсора и будет вам счастье :)
    • 0
  3. Дипломник Аватар для patrician
    • Регистрация: 22.01.2011
    • Сообщений: 245
    • Репутация: 59
    Если я правильно полнял суть что вы хотите сделать то нужно просто диву сделать hover
    Пример верстки
    #name:hover {
    а тут путь допустим до бекграунда или до того что нужно
    }
    • 0
  4. Дипломник Аватар для bratoz
    • Регистрация: 11.09.2009
    • Сообщений: 120
    • Записей в дневнике: 1
    • Репутация: 44
    Не совсем понял что именно нужно.
    Есть ли примеры сайтов с похожим эффектом?

    Не "cкрипт всплывающих подсказок (tooltip или hint)" ??
    • 0
  5. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    Цитата Сообщение от bratoz Посмотреть сообщение
    Не "cкрипт всплывающих подсказок (tooltip или hint)" ??
    нет, мне нужно чтобы был выплывающий блок, а не подсказка. то есть, взять любой сайт с функцией онлайн-поддержки, там сбоку такой прямоугольник с надписью "Задать вопрос", на него жмакаешь - выплывает чат с саппортом. А мне нужно чтобы такой же прямоугольник выдвигал любой div блок (например, похожие новости или онлайн)
    бох смм
    • 0
  6. Дипломник Аватар для DWIM
    • Регистрация: 03.06.2012
    • Сообщений: 142
    • Репутация: 26
    судя по описанию вам нужны модальные окна, гуглите - их много), к примеру _http://hashcode.ru/questions/58674/javascript-создаем-модальное-окно
    • 0
  7. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    Цитата Сообщение от DWIM Посмотреть сообщение
    модальные окна
    нет, мне нужны не отдельно всплывающие окна (посреди экрана), а просто выезжающие при наведении слева или справа див блоки в этом же окне.
    бох смм
    • 0
  8. Дипломник Аватар для Tiefe
    • Регистрация: 17.12.2012
    • Сообщений: 120
    • Репутация: 18
    Посмотрите пример, тут описывается способ создания выплывающего сбоку окна - _http://building58.com/examples/tabSlideOut.html
    Последний раз редактировалось Tiefe; 17.12.2012 в 09:49.
    • 1

    Спасибо сказали:

    CuxpecT(18.12.2012),
  9. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    Tiefe, да, именно так и нужно (только выплывание не по клику, а при наведении), вот только у меня почему-то не заработал данный скрипт, ищу альтернативу (желательно под DLE)
    бох смм
    • 0
  10. Во все тяжкие Аватар для CuxpecT
    • Регистрация: 14.06.2011
    • Сообщений: 2,324
    • Репутация: 2030
    • Webmoney BL: ?
    всё, настроил, понял в чём была проблема - кривые руки :)
    помог совет от Tiefe - благодарю! Осталось только дизайн самого блока настроить
    бох смм
    • 0
Страница 1 из 2 12 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
Прозрачный фон блока
Web программирование 5 26.04.2012 20:03
Всплывающее окно с информацией при наведении
Web программирование 2 01.02.2012 18:01

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры