Здравствуйте. Я пытаюсь сделать всплывающее меню на форум... и появилось несколько вопросов:
1. Можно ли сделать, чтобы без нажатия на картинку открывалось и закрывалось окно, при этом чтобы была возможность нажимать на ссылки, которые выводятся в этом окне. А то отведешь - и скрывается.
2. Как сделать так, чтобы окошко с ссылками появлялось не под картинками, а рядом - слева от ряда картинок.
коды:
хтмл верха
<style type="text/css"> #part1,#part2,#part3,#part4 { z-index: 2; position: absolute; visibility: hidden} </style>
хтмл низа
<script language="JavaScript"> function part1ON() {document.getElementById("part1").style.visibility='visible'} function part2ON(){document.getElementById("part2").style.visibility='visible'} function part3ON(){document.getElementById("part3").style.visibility='visible'} function part4ON(){document.getElementById("part4").style.visibility='visible'} function part1OFF() {document.getElementById("part1").style.visibility='hidden'} function part2OFF(){document.getElementById("part2").style.visibility='hidden'} function part3OFF(){document.getElementById("part3").style.visibility='hidden'} function part4OFF(){document.getElementById("part4").style.visibility='hidden'} </script>
в обьявлении:
<img src="http://i39.tinypic.com/20fu5at.png"
onMouseOver="part1ON()" onMouseOut="part1OFF()">
<br>
<img src="http://i39.tinypic.com/20fu5at.png"
onMouseOver="part2ON()" onMouseOut="part2OFF()">
<br>
<img src="http://i39.tinypic.com/20fu5at.png"
onMouseOver="part3ON()" onMouseOut="part3OFF()">
<br>
<img src="http://i39.tinypic.com/20fu5at.png"
onMouseOver="part4ON()" onMouseOut="part4OFF()">
<br>
<div id="part1" class="container">
Контейнер номер 1
</div>
<div id=part2 class="container">
Контейнер номер 2
</div>
<div id=part3 class="container">
Контейнер номер 3
</div>
<div id="part4" class="container">
Контейнер номер 4
</div>
Адрес форума:
http://macetdiza.rolka.su/