Подскажите что за меню?

WarEnek · March 24, 2010

Вот сидел весь день, так и не нашёл подобное меню. Вроде похоже не арккадион, но не то. В общем подскажите что за меню используется на данном сайте _http://zone-game.info/ либо что-то подобное.

psywalker · March 24, 2010

Качни JQ библиотеку и лови код.

На всякий случай пример: http://psywalker.ru/Forum/Js

<!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=UTF-8" />
<title>Гармошка для Учителя</title>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){

	$("h1:first").addClass("active");
	$("p:not(:first)").hide();

	$("h1").click(function(){
		$(this).next("p").slideToggle("slow")
		.siblings("p:visible").slideUp("slow");
		$(this).toggleClass("active");
		$(this).siblings("h1").removeClass("active");
	});

});
</script>

<style type="text/css">
*{ margin: 0; padding: 0;}
body {
	margin: 10px auto;
	width: 570px;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
div {border-bottom: solid 1px #c4c4c4;
 }
h1 { cursor: pointer;font-size: 1.4em; color: #000; background: #e3e2e2; padding: 7px 15px;
border: solid 1px #c4c4c4;
	border-bottom: none;
}
p { 
	font: 1.2em Verdana, Geneva, sans-serif; 
	color: #300; 
	background: #f7f7f7;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;


}
.active { color: #300;}
</style>
</head>

<body>
<div>
	<h1>Лёха давай макетыы</h1>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>

	<h1>Лёха давай макетыы</h1>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
		<h1>Лёха давай макетыы</h1>

	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
		<h1>Лёха давай макетыы</h1>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
		<h1>Лёха давай макетыы</h1>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
		<h1>Лёха давай макетыы</h1>

	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.</p>
</div>
</body>
</html>

Sign In

Подскажите что за меню?

Question

WarEnek

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information