Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
логин:
пароль:

Регистрация Забыл пароль
Скрипты для uCoz Шаблоны для uCoz
Для того что бы оставлять сообщения на форуме вам необходимо зарегистрироваться или войти под своим профилем.

Развертывание / сворачивание блока с текстом на jQuery - Форум


  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум » Архив форума. » Корзина » Развертывание / сворачивание блока с текстом на jQuery
Развертывание / сворачивание блока с текстом на jQuery
midlersenДата написания: Четверг, 15.07.2010, 21:58:12 | Сообщение № 1

-= Уровень: 1 =-
Сообщений: 27
Награды: 0
Репутация: 16
скрин
пример
источник

Разворачивающийся и свертывающийся блок с текстом.

Code
<html>
<head>
<title>Развертывание / сворачивание на jQuery</title>
<style>
body{
padding:10px;
font-family:tahoma;
}
.jq{
text-decoration:none;
color:#000;
padding:10px;
border:1px solid #666;
}
.jq:hover{
background-color:#F39;
}
#box{
display:none;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
jQuery(function()
{
$('#q1').click(function()
{
$('#box').slideDown();
});
$('#q2').click(function()
{
$('#box').slideUp();
});
});
</script>
</head>
<body>


<a href="#" id="q1">развернуть</a><a href="#" id="q2">свернуть</a></p>
<div id="box">



текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</p>


Таким же способом можно запросто организовать <strong>выпадающее меню</strong></p>


<a href="http://green-filmix.ru">Фильмы онлайн</a></p>
</div>
</body>
</html>


http://www.lesslife.ru/
 
FrоstДата написания: Четверг, 22.07.2010, 11:18:21 | Сообщение № 2

Проверенный
Сообщений: 584
Награды: 39
Репутация: 469


 
ГенералусДата написания: Четверг, 22.07.2010, 12:47:59 | Сообщение № 3

-= Уровень: 2 =-
Сообщений: 78
Награды: 3
Репутация: 31
Глючит фича.

Это не я.

http://g2.botva.ru/l.php?id=611014

 
liasjaДата написания: Вторник, 27.07.2010, 03:42:46 | Сообщение № 4

-= Уровень: 3 =-
Сообщений: 92
Награды: 1
Репутация: 33
скрин
пример
источник

не работают


 
Форум » Архив форума. » Корзина » Развертывание / сворачивание блока с текстом на jQuery
  • Страница 1 из 1
  • 1
Поиск:
Обсуждение темы на форуме веб мастеров 3aKa4Ka.at.ua

© 3aka4ka.at.ua 2008 - 2024г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.