Текстовый слайдер

Тема в разделе "Веб-дизайн", создана пользователем Riman, 15 апр 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Riman

    Riman Создатель

    Регистр.:
    13 янв 2009
    Сообщения:
    25
    Симпатии:
    2
    Доброго времени суток, коллеги!

    Помогите решить задачу: хочу применить на обычной хтмл странице эффект текстового слайдера. Пример как sape.ru

    Т.е. при нажатии на заголовок снизу раскрывается текст и обратный эффект. Либо при наведении/нажатии появляется окошко с текстом.

    Замучился ковырять JavaScripts (((
     
  2. wbread

    wbread Создатель

    Регистр.:
    24 ноя 2007
    Сообщения:
    20
    Симпатии:
    3
    типа оффтопика?
    нажал на надпись а она выдала войну и мир?

    могу предложить вот такой кодик:

    Код:
    <span><a href="#" title="для просмотра текста - жми сюда" onclick="obj=this.parentNode.childNodes[1].style; 
    tmp=(obj.display!='block') ? 'block' : 'none'; 
    obj.display=tmp; 
    return false;">Кликать сюда</a><div class="subblock" style="display: none;">
    бла бла бла и война и мир вся сдесь появится после щелчка</div></span>
    сдесь казать не будет а так работает
    в блоке можно задать размер, чтобы текст не вылезал долеко

    если же при наведении курсора вылезала подсказка нужно, то пиши, правда это только для маленьких текстов удобно
     
  3. mustank

    mustank Прохожие

    Можно красиво реализовать через jQuery.

    Демо :
    http://css-tricks.com/examples/SpoilerRevealer/
    Cкачать :
    http://css-tricks.com/examples/SpoilerRevealer.zip
    Источник :
    http://css-tricks.com/fade-in-spoiler-revealer/
     
  4. MoQz

    MoQz Постоялец

    Регистр.:
    7 апр 2009
    Сообщения:
    73
    Симпатии:
    95
    noxxxxx нравится это.
  5. Drimich

    Drimich Писатель

    Регистр.:
    31 мар 2009
    Сообщения:
    4
    Симпатии:
    2
Статус темы:
Закрыта.