| |
|
|
| | Необходимо сделать вот такое меню
- Главная
+ Юмор(5)
+ Ещё что-то (10)
+ И тут что-то (20)
+ И на последок что-то(15)
Тоесть чтоб щелкнув на ссылку главная
+ Юмор(5)
+ Ещё что-то (10)
+ И тут что-то (20)
+ И на последок что-то(15)
исчезало, и появлялся плюсик напротив главной, ессесна при нажатии опять список выпадал.
Пы.Сы: плюсики возле ссылок Юмор и.т.д я просто поставил для ясности вопроса, на самом деле при нажатии на них должен осуществляться переход на какую-то страничку, буду очень благодарен за помощь. | |
| |
|
|
| |
|
|
| |
для: Dead
(26.08.2006 в 00:04)
| | | Ну, тут нужны 2-4 часовые курсы в зависимости от способностей учащегося.
Сперва напишите код, чтобы было чему помогать.
А если готовое меню -
http://script.woweb.ru/index.htm/c/6
http://bogolubow.narod.ru/js/index.html
http://www.freeprogrammingresources.com/jscriptsrc.html
http://javascript.internet.com/ | |
| |
|
|
| |
|
|
| |
для: Dead
(26.08.2006 в 00:04)
| | | А дельным никто не поможет... | |
| |
|
|
| |
|
|
| |
для: Dead
(26.08.2006 в 13:51)
| | | Поиск поможет. По словосочитанию "Древовидное меню". | |
| |
|
|
| |
|
|
| |
для: Dead
(26.08.2006 в 00:04)
| | | Кажется я понял, меню ни разу не древовидное,
а "ясность вопроса" оказалась сомнительной.
<html>
<head>
<style>
span
{
cursor:hand;
font-weight:bold;
color:blue;
font-family:courier new;
}
</style>
<script>
function f()
{
var m=document.getElementById('menu');
var p=document.getElementById('plusik');
if(m.style.display!='none'){
m.style.display='none';
p.innerHTML='+';
}
else{
m.style.display='block';
p.innerHTML='-';
}
}
</script>
</head>
<body>
<span id="plusik">+</span>
<span onclick="f()">Главная</span>
<div id="menu" style="display:none">
<a href="#">+ Юмор(5)</a><br>
<a href="#">+ Ещё что-то (10)</a><br>
<a href="#">+ И тут что-то (20)</a><br>
<a href="#">+ И на последок что-то(15)</a>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Dead
(26.08.2006 в 00:04)
| | | Такое сгодится?
<html>
<head>
<title>Студенческий портал</title>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
<style type="text/css">
.closeelem { cursor:pointer; list-style-image: url(Knopka.gif) }
.colelem { position:relative; display:none; }
.expelem { position:relative; display:block; list-style-image: url(knopka-4.gif); }
</style>
<script>
var flop1=0;
var flop2=0;
var flop3=0;
var flcl1=0;
var flcl2=0;
var flcl3=0;
function setLastOpen(o) {
if(o=='obj1') { if(flcl1==0) flop1=1; flcl1=0; }
if(o=='obj2') { if(flcl2==0) flop2=1; flcl2=0; }
if(o=='obj3') { if(flcl3==0) flop3=1; flcl3=0; }
}
function closeLastOpen() {
if(flop1) { document.getElementById('obj1').className="colelem";flcl1=1;}
if(flop2) { document.getElementById('obj2').className="colelem";flcl2=1;}
if(flop3) { document.getElementById('obj3').className="colelem";flcl3=1;}
flop1=0;
flop2=0;
flop3=0;
}
function hideAllElem() {
document.getElementById('obj1').className="colelem";
document.getElementById('obj2').className="colelem";
document.getElementById('obj3').className="colelem";
}
function chhidElem (o) {
hideAllElem();
document.getElementById(o).className="expelem";
closeLastOpen();
setLastOpen(o);
}
</script>
</head>
<body>
<div id="blockmenuN">
<div id="a">
<li class="closeelem" onclick="chhidElem('obj1')"
title="Важно
Права и обязанности студентов
Сессия
Рейтинги
Стипендия">
Важно
</li>
<br><br>
<ul id="obj1" class="colelem" style="right:5px; bottom:6px; font-size:14px; line-height:21px;">
<li><a href="#">Права студентов</a></li>
<li><a href="#">Сессия</a></li>
<li><a href="#">Рейтинги</a></li>
<li><a href="#">Стипендия</a></li>
</ul>
<li class="closeelem" onclick="chhidElem('obj2')"
title="Студенческая пресса
Газета
Пишем все и обо всем
Взгляд студента">
Студенческая пресса
</li>
<br><br>
<ul id="obj2" class="colelem" style="right:5px; bottom:6px; font-size:14px; line-height:21px;">
<li><a href="#">Газета</a></li>
<li><a href="#">Пишем все и обо всем</a></li>
<li><a href="#">Взгляд студента</a></li>
</ul>
<li class="closeelem" onclick="chhidElem('obj3')"
title="Прочее
Отдых
Любовь
Спорт">
Прочее
</li>
<br><br>
<ul id="obj3" class="colelem" style="right:5px; bottom:6px; font-size:14px; line-height:21px;">
<li><a href="#">Отдых</a></li>
<li><a href="#">Любовь</a></li>
<li><a href="#">Спорт</a></li>
</ul>
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(26.08.2006 в 16:40)
| | | RMW:
Именно то, что нужно, вот только если помимо главной могут быть ещё и услуги, как тут быть | |
| |
|
|
| |
|
|
| |
для: Dead
(27.08.2006 в 00:49)
| | | >RMW:
>Именно то, что нужно, вот только если помимо главной могут быть ещё и услуги, как тут быть
Не понял. Там же пример на целых три главных пункта. | |
| |
|
|
| |
|
|
| |
для: ExtraBrain
(27.08.2006 в 09:59)
| | | НУжно чтоб обязательно появлялся плюсик и минус напротив названия категории, к сожалению это не моя прихоть. | |
| |
|
|
