Помощник
|
скрывающийся слой |
vasvas7775
|
Сообщение
#1
|
||
|
|
||
|
|||
www3_hb |
25.12.2010, 15:27;
Ответить: www3_hb
Сообщение
#2
|
|
Чтоб было позицирование надо использовать css
Вот например [CSS].sloi{ position:absolute; left:25%; top:25%; width:50%; height:200px; }[/CSS] Это грубый пример но можно использовать за место % можно ставить px как вам надо будет |
|
|
vasvas7775
|
Сообщение
#3
|
|
Так, не получается.
|
|
|
LifeUP |
27.12.2010, 14:01;
Ответить: LifeUP
Сообщение
#4
|
|
набросал на скорую руку.
Используй Jquery, очень удобная штука <!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> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(document).ready (function(){ var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight; var pos = {'left': w / 2 - 200 + 'px', 'top': h / 2-200 + 'px'}; $('#open_hide_block').click(function(){ $('#hide_block p').click(function(){ $('#hide_block').hide(); }); $('#hide_block').css(pos).toggle(); }); }); </script> <style type="text/css"> <!-- #hide_block { padding:10px; border:1px solid red; background-color:#ccc; width:400px; height:200px; position:absolute; display:none; } #hide_block p { position:absolute; top:5px; left:395px; background-color:#0066FF; width:20px; height:20px; padding:0; margin:0; text-align:center; cursor:pointer; } --> </style> </head> <body> <a href="#" id="open_hide_block">Нажимай нежно</a> <div id="hide_block">Я контент скрытого блока<p>x</p></div> </body> </html> |
|
|
vasvas7775
|
Сообщение
#5
|
|
извини LifeUP, но не работает, скрытый блок вообще перестал выезжать.
|
|
|
LifeUP |
27.12.2010, 14:14;
Ответить: LifeUP
Сообщение
#6
|
|
библиотеку то Jquery подключи))
вот отсюда скачай http://jquery.com/ Вот сам блок =) (чутка изменил) [IMG]http://i016.radikal.ru/1012/08/3247367933c5t.jpg[/IMG] |
|
|
vasvas7775
|
Сообщение
#7
|
|
|
Спасибо!........
|
|
|
||
|
Текстовая версия | Сейчас: 25.4.2024, 18:47 |