Пятница, 17.05.2024, 13:21
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Апрель » 25 » Выдвигающийся текст (jquery)
    16:52
    Выдвигающийся текст (jquery)
    Всем привет! Нашел у себя в компе интересный скрипт и сразу сюда)))

    Вот собственно пример.

    Кого заинтересовало, то ставим вот так:

    Подключаем jquery. Вставляем между <head> и </head>

    Code
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>

    Тоже между <head> и </head>

    Code
    <script type="text/javascript">
    $(document).ready(function()
    {
       
      $(".show").click(function() {
      if($('.info').is(':hidden')) {$('.info').slideDown(130);} else {$('.info').slideUp(130);}
      });
    });
    </script>

    Это куда нужно:

    Code
    <center>

    <table style="margin-bottom: 2px; margin-top: 2px; background: #FFFFFF; border: 1px solid #f2f2f2;" cellpadding="0" cellspacing="0" width="100%">

    <td style="vertical-align: top; padding: 5px; font-size: 10px;">

    <img class="show" align="absmiddle" src="http://www.iconsearch.ru/uploads/iconlib/nuove/22x22/actions/knewstuff.png" border="0" alt="Кнопка выдвигающейся формы" style="cursor: pointer; margin-right: 10px;">

    </td>
    <td style="width: 99%;padding: 5px; font-size: 10px; text-align: left;">
    Название кнопки(нажмите на звезду)
    </td>
    <td style="color: #444444; font-size: 10px;"></td>
    </table>

    <div class="info" style="display: none; font-size: 10px; border: 1px solid #f1f1f1; text-align: left; margin-bottom: 2px; margin-top: 2px; width: 100%;">
    <br />
    Здесь может быть текст, меню, ссылки и т.п. Спасибо за внимание!
    <br></div>
    </center>

    Картинку можете ставить любую. Размер шрифта, дизайн и т.д., все настраивается по вашему вкусу.

    Ну в общем все. Спасибо за внимание.

    Категория: скрипты для ucoz сайта | Просмотров: 1118 | Добавил: a1ma2 | Рейтинг: 5.0/2
    Всего комментариев: 10
    10 vovany  
    0
    охуенно!))

    9 a1ma2  
    0
    Ну дк + поставь biggrin

    8 XpaHuTeJlb  
    1
    прикольно smile

    7 shark67  
    1
    все пашет спс biggrin

    6 shark67  
    1
    и 130 ето скорость в мили сек, отвеь в ЛС

    5 shark67  
    1
    а можна поставить чтобы влево право типа slideLeft slideRight

    4 ILLEGAL  
    1
    спс огромное, мне для FAQ очень пригодилось! cool

    3 a1ma2  
    1
    Жду повышения репы smile

    2 raider023  
    1
    спс

    1 FsantR1  
    1
    норм smile

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]