| |
|
|
| | Делаю выпадающее меня. Подготовил JavaScript. Но столкнулся с проблемой, меню на слоях, слои не абсолютные. Как сделать так, чтобы один слой был поверх другого | |
| |
|
|
| |
|
|
| |
для: Ogurec
(05.02.2007 в 15:04)
| | | Изменять св-во z-index | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(05.02.2007 в 15:20)
| | | z-index работает только при абсолютных | |
| |
|
|
| |
|
|
| |
для: Ogurec
(05.02.2007 в 15:33)
| | | помойму, и при position:relative; | |
| |
|
|
| |
|
|
| |
для: Lelik
(05.02.2007 в 15:47)
| | | Но тут не совсем понятно, что значит " чтобы один слой был поверх другого" | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(05.02.2007 в 16:43)
| | | Чтобы один слой выдвигался из-под другого
вот первая версия скрипта:
<html>
<head>
<head>
<script>
function moveTxt()
{
var l=layer1.style.pixelLeft;
if(ani1.style.pixelLeft>-100)
{
ani1.style.display="";
ani1.style.pixelLeft-=10;
setTimeout("moveTxt(1)",1);
}}
function moveTxte()
{
if(ani1.style.pixelLeft<0)
{
ani1.style.display="";
ani1.style.pixelLeft+=10;
setTimeout("moveTxte()",1);
}}
</script>
</head>
<body>
<div style="width: 898px; height: 685px;z-index:3" id="layer1">
<div onmouseover="moveTxt()" onmouseout="moveTxte(1);" style="width: 35px; height: 180px; visibility:visible; z-index:1; position:relative; background-color:#FF00FF; left:228px; top:268px">
<br><br>f<br>
<a>hjhgjk</a><div id="ani1" style="position:absolute;left:0px; z-index:3; width:84px; height:112px">
<table border="1" width="100%" id="table1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" height="100%" bordercolorlight="#000000" bordercolordark="#000000">
<tr>
<td width="100%" height="100%">hfghfghfgh
</td>
</tr>
</table>
</div>
</div>
<p> </div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Ogurec
(05.02.2007 в 16:56)
| | | Получается, что выдвиг. слой поверх другого | |
| |
|
|
