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

Wir2al.ru · 29.12.2009, 01:18

Собственно есть сайт. Вот кусок графики:

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

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

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

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

Заранее спасибо.

Niemans · 29.12.2009, 01:29

пара строчек с использованием slideToggle и библиотека jQuery, ну и в стилях к блоку, который будет раскрываться, впихнуть фон с выравниванием по нижнему краю.

Код HTML:

$(".Yo").click(function () {
$(".Wow").slideToggle("slow");
});

где Yo то на что тыркаем, а Wow то что выпадает.

Wir2al.ru · 29.12.2009, 01:34

Спасибо, сейчас попробую разобраться.

Niemans · 29.12.2009, 02:50

Код 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 минут

Цитата:

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

Смысл писать, если это не так.

Wir2al.ru · 29.12.2009, 02:59

Цитата:

Сообщение от Nimans

Смысл писать, если это не так.

Сайт не мой. У человека-хозяина сайта времени в обрез, меня попросил, наивно считая что я хоть что-то умею. Хочу сделать все, что в моих силах.

Wir2al.ru · 31.12.2009, 01:25

хм, все получилось, но кусок картинки появляется мгновенно, без плавного опускания. Как бы это исправить?

Niemans · 31.12.2009, 01:28

$(".Wow").slideToggle(100);

Wir2al.ru · 31.12.2009, 01:51

непомогло.

Wir2al.ru · 01.01.2010, 23:00

у когонибудь есть идеи?

Niemans · 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

29.12.2009, 01:18	#1
Wir2al.ru	Собственно есть сайт. Вот кусок графики: http://pikucha.ru/240047/thumbnail/body-bg.jpeg Хочу, но незнаю как осуществить следующее: http://pikucha.ru/240039/thumbnail/idea.jpeg Может кто знает как? Или знает похожие скрипты, которые можно было бы переделать под себя? Заранее спасибо.

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

29.12.2009, 01:34	#3
Wir2al.ru	Спасибо, сейчас попробую разобраться.

31.12.2009, 01:25	#6
Wir2al.ru	хм, все получилось, но кусок картинки появляется мгновенно, без плавного опускания. Как бы это исправить?

31.12.2009, 01:28	#7
Niemans	$(".Wow").slideToggle(100); Последний раз редактировалось Niemans; 31.12.2009 в 01:31..

01.01.2010, 23:00	#9
Wir2al.ru	у когонибудь есть идеи?