Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Выпадающая менюшка на яве

Обсуждение темы Выпадающая менюшка на яве в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Собственно есть сайт. Вот кусок графики: http://pikucha.ru/240047/thumbnail/body-bg.jpeg Хочу, но незнаю как осуществить следующее: http://pikucha.ru/240039/thumbnail/idea.jpeg Может кто знает как? Или знает похожие скрипты, которые ...


Закрытая тема
 
Опции темы
Старый 29.12.2009, 01:18   #1
Собственно есть сайт. Вот кусок графики:

http://pikucha.ru/240047/thumbnail/body-bg.jpeg

Хочу, но незнаю как осуществить следующее:

http://pikucha.ru/240039/thumbnail/idea.jpeg

Может кто знает как? Или знает похожие скрипты, которые можно было бы переделать под себя?

Заранее спасибо.
 
Старый 29.12.2009, 01:18
Ссылки
Старый 29.12.2009, 01:29   #2
пара строчек с использованием slideToggle и библиотека jQuery, ну и в стилях к блоку, который будет раскрываться, впихнуть фон с выравниванием по нижнему краю.
Код HTML:
$(".Yo").click(function () {
$(".Wow").slideToggle("slow");
});
где Yo то на что тыркаем, а Wow то что выпадает.

Последний раз редактировалось Niemans; 29.12.2009 в 01:36..
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Wir2al.ru (29.12.2009)
Старый 29.12.2009, 01:34   #3
Спасибо, сейчас попробую разобраться.
 
Старый 29.12.2009, 02:50   #4
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<link href="css/yo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(document).ready(function(){
	$(".Yo").click(function () {
      $(".Wow").slideToggle("slow");
    });
});
</script>
<style>
.Yo {cursor: pointer;}
.Wow {display: none;}
</style>
</head>
<body>
<div class="Yo">Click Me Baby<br />
  <div class="Wow">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur mi est, cursus sit amet, pellentesque et, ultricies a, ipsum. Nulla facilisi. Sed quis lacus. Aenean ut risus et lectus blandit gravida. Nam sed nunc. Aliquam non felis non diam aliquam gravida. Phasellus quis sem. Curabitur at velit. Vivamus libero velit, condimentum sit amet, tempus ut, aliquam sit amet, velit. Nunc hendrerit ante. Quisque egestas feugiat erat. Morbi tellus.</div>
</div>
</body>
</html>
Ну графику и фантазию оставил вам.
jquery-1.3.2.min.js

Добавлено через 50 минут

Цитата:
Наша основная цель - это изготовление сайтов, эффективно выполняющих свои функции рекламной или торговой площадки, информационного или развлекательного ресурса. Мы беремся за создание сайтов любого уровня сложности - от простого сайта-визитки до полнофункционального интернет-магазина.
Смысл писать, если это не так.

Последний раз редактировалось Niemans; 29.12.2009 в 02:50.. Причина: Добавлено сообщение
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Wir2al.ru (29.12.2009)
Старый 29.12.2009, 02:59   #5
Цитата:
Сообщение от Nimans Посмотреть сообщение
Смысл писать, если это не так.
Сайт не мой. У человека-хозяина сайта времени в обрез, меня попросил, наивно считая что я хоть что-то умею. Хочу сделать все, что в моих силах.
 
Старый 31.12.2009, 01:25   #6
хм, все получилось, но кусок картинки появляется мгновенно, без плавного опускания. Как бы это исправить?
 
Старый 31.12.2009, 01:28   #7
$(".Wow").slideToggle(100);

Последний раз редактировалось Niemans; 31.12.2009 в 01:31..
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Wir2al.ru (31.12.2009)
Старый 31.12.2009, 01:51   #8
непомогло.
 
Старый 01.01.2010, 23:00   #9
у когонибудь есть идеи?
 
Старый 01.01.2010, 23:08   #10
Идеи??? Вы код страницы дайте или линк на нее.
Цитата:
хм, все получилось, но кусок картинки появляется мгновенно, без плавного опускания. Как бы это исправить?
Из этого следует что скрипт не подключили.
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
Wir2al.ru (02.01.2010)
Старый 01.01.2010, 23:08
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Менюшка Denis Графические работы 6 15.08.2010 12:36
Менюшка WayF1nder HTML, CSS, JavaScript 4 02.10.2007 11:28
Выпадающая картинка Silent Rain ASP, Perl, PHP и MySQL 3 29.12.2005 23:46
двигающаяся менюшка mir Технологии Flash 4 24.08.2005 11:25
Менюшка и панели Флэш-плеера ВЛАСТЕЛИН Технологии Flash 13 07.09.2003 00:33


Текущее время: 19:20. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум