Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выезжающее меню / 3 сообщений из 3, страница 1 из 1
18.07.2008, 18:54
    #35440282
MaxPayne
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выезжающее меню
У меня выезжающее с левого края экрана меню.

>> menu_lest.js

var pos=-235;
var jump=5;
var speed=0.1;
function domenu()
{
document.getElementById('menu').style.visibility="visible";
if (pos<=-235) gomenu();
}

function gomenu()
{
document.getElementById('menu').style.left=pos+"px";
document.getElementById('menu').style.top=0+"px";
pos+=jump;
if (pos<0)
{
setTimeout("gomenu()", speed);
}
}

>> head

<script type="text/javascript" src="menu_left.js"></script>
<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style>


>> body:

<div id=menu style="position:absolute; z-index:1; opacity:0.5; -khtml-opacity: 0.5; -moz-opacity:0.5; filter:alpha(Opacity=50)">
<table width=200 height=500 align="center" cellpadding="0px" cellspacing="0px" bgcolor="#000000">
<tr> <TD width=200 valign="top"><div align="center"><br>
<span class="style1">Меню</span></div></TD>
</tr>
</table>
</div>

Вопросы:
1. Как отцентровать это меню по высоте экрана, чтобы оно выезжало по центру независимо от размера экрана пользователя?
2. Как сделать, чтобы меню выезжало с правой стороны экрана? Во всех примерах, которые смотрел используются либо левосторонние меню, либо выезжающие сверху.
...
Рейтинг: 0 / 0
20.07.2008, 12:59
    #35441177
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выезжающее меню
1. вертикальное центрирование не раз обсуждалось
http://sql.ru/forum/actualthread.aspx?tid=573733
http://cssing.org.ua/2007/04/26/another-css-valign-method/
2. Вместо style.left используйте style.right
...
Рейтинг: 0 / 0
20.07.2008, 20:49
    #35441379
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выезжающее меню
Вам необходимо получить текущие размеры экрана и текущую позицию скроллинга.
К сожалению эти моменты относятся к области сильно некроссбраузерных, т.к. относятся отчасти к документу и отчасти к веб-браузреу.
Достаточно надежный вариант использовать функции x...() из библиотеки x.jx (cross-browser.com). Там есть небольшие проблемы для Оперы если скроллинг в скролинге. но Вашего случая они не касаются. поэтому можете смело использовать.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выезжающее меню / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]