Здраствуйте! В этой теме был выложен очень интересный скрипт, позволяющий делать меню в объявлении на форуме. Я решил немного его модифицировать, засунув туда окошко видео-проигрывателя, чат, новости. Получилось следующее: контейнер появился при наведении мышки на ссылку, но сразу исчезал, когда мышка отводилась от ссылки.
Мне позарез нужно, что-бы скрипт заработал таким образом: при первом нажатии вылезает контейнер, при повторном скрывается. Сколько не бился сделать сам - неполучилось =(((
Вот скрипт:
Код:
хтмл верх:
<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>
объявление:
<div id="part1" class="container">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="500" height="225" src="http://www4.cbox.ws/box/?boxid=3634684&boxtag=3286&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="500" height="75" src="http://www4.cbox.ws/box/?boxid=3634684&boxtag=3286&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<div id=part2 class="container">
<embed src="http://blip.tv/play/Ac7+E47qNA" type="application/x-shockwave-flash" width="731" height="441" allowscriptaccess="always" allowfullscreen="true"></embed>
</div>
<div id=part3 class="container">
Контейнер номер 3
</div>
<div id="part4" class="container">
Контейнер номер 4
</div>
<center>
<a href="" onMouseOver="part1ON()" onMouseOut="part1OFF()">Чат</a>
<a href="" onMouseOver="part2ON()" onMouseOut="part2OFF()">Видео</a>
<a href="" onMouseOver="part3ON()" onMouseOut="part3OFF()">Линка3</a>
<a href="" onMouseOver="part4ON()" onMouseOut="part4OFF()">Линка 4</a>
</center>Очень прошу знающих людей - ПОМОГИИИИТЕЕЕ!!!
Отредактировано DenFrizer (Чт, 2 Окт 2008 15:34:02)