| |
|
|
| | Подскажите, пожалуйста??? Есть 5 div'ов
<div id="div_b1" style="z-index:1; position:absolute; top:3px; left:5px; border: thin outset; cursor:hand;"><img src="qmenu/action.gif" onclick="show_qmenu();" onmouseover="this.src='qmenu/action_r.gif'" onmouseout="this.src='qmenu/action.gif'" onmousedown="div_b1.style.border='thin inset';" onmouseup="div_b1.style.border='thin outset';" alt="йцун"></div>
<div id="div_b2" style="z-index:1; position:absolute; top:3px; left:35px; border: thin outset; cursor:hand;"><img src="qmenu/action2.gif" onclick="hide_iframe();" onmouseover="this.src='qmenu/action2_r.gif'" onmouseout="this.src='qmenu/action2.gif'" onmousedown="div_b2.style.border='thin inset';" onmouseup="div_b2.style.border='thin outset';" alt="йцук"></div>
<div id="div_b3" style="z-index:1; position:absolute; top:3px; left:65px; border: thin outset; cursor:hand;"><img src="qmenu/zoom_up.gif" onclick="up_zoom();" onmouseover="this.src='qmenu/zoom_up_r.gif'" onmouseout="this.src='qmenu/zoom_up.gif'" onmousedown="div_b3.style.border='thin inset';" onmouseup="div_b3.style.border='thin outset';" alt="йцук"></div>
<div id="div_b4" style="z-index:1; position:absolute; top:3px; left:95px; border: thin outset; cursor:hand;"> <img src="qmenu/zoom_down.gif" onclick="down_zoom();" onmouseover="this.src='qmenu/zoom_down_r.gif'" onmouseout="this.src='qmenu/zoom_down.gif'" onmousedown="div_b4.style.border='thin inset';" onmouseup="div_b4.style.border='thin outset';" alt="цукйц"></div>
<div id="div_b5" style="z-index:1; position:absolute; top:3px; left:125px; border: thin outset; cursor:hand;"> <img src="qmenu/obnov.gif" onclick="document.getElementById('main').style.zoom='100%';" onmouseover="this.src='qmenu/obnov_r.gif'" onmouseout="this.src='qmenu/obnov.gif'" onmousedown="div_b5.style.border='thin inset';" onmouseup="div_b5.style.border='thin outset';" alt="цукцук"></div>
|
Как сделать, так чтобы они горизонтально, друг за другом выезжали слева из=за экрана | |
| |
|
|
| |
|
|
| |
для: sancho
(14.12.2004 в 16:02)
| | | Так а они вроде нормально расположены... Или под "выезжали" вы подразумевали анимацию? | |
| |
|
|
| |
|
|
| |
для: glsv (Дизайнер)
(14.12.2004 в 20:05)
| | |
<html>
<head>
<script language="JavaScript">
<!--
var left=-50
function Layer_Open()
{
left++
if (left<5)
{
document.all.Layer2.style.left=left
document.all.Layer1.style.left=left
setTimeout(" Layer_Open()",10)
}
if (left>4 && left<60)
{
document.all.Layer2.style.left=left
setTimeout(" Layer_Open()",10)
}
}
function Layer_Close()
{
left--
if (left>5)
{
document.all.Layer2.style.left=left
setTimeout(" Layer_Close()",10)
}
if (left<6 && left>-50)
{
document.all.Layer1.style.left=left
document.all.Layer2.style.left=left
setTimeout(" Layer_Close()",10)
}
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню1</div>
<div id="Layer2" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню2</div>
<a href="#" onClick="Layer_Open()"> открыть</a>..............<a href="#" onClick="Layer_Close()">закрыть</a>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Crux
(14.12.2004 в 20:36)
| | | Спасибо, то что нужно, только не получается также красиво, с большим количеством
div'ов, выезжают не друг за другом поочереди, а один и за ним сразу все оставшиеся. | |
| |
|
|
| |
|
|
| |
для: sancho
(15.12.2004 в 09:33)
| | |
<html>
<head>
<script language="JavaScript">
<!--
var left=-50
// sp задаёт скорость
var sp=2
function Layer_Open()
{
left+=sp
if (left<5) document.all.Layer1.style.left=left // появляется первый div
if (left>4 && left<60) document.all.Layer2.style.left=left // появляется второй div
if (left>59 && left<115) document.all.Layer3.style.left=left // появляется третьий div
if (left>114 && left<170) document.all.Layer4.style.left=left // появляется четвёртый div
if (left>169 && left<225) document.all.Layer5.style.left=left // появляется пятый div
if (left>-50 && left<225) setTimeout(" Layer_Open()",10)
}
function Layer_Close()
{
left-=sp
if (left>169 && left<225) document.all.Layer5.style.left=left
if (left>114 && left<170)
{
document.all.Layer5.style.left=-50
document.all.Layer4.style.left=left
}
if (left>59 && left<115)
{
document.all.Layer4.style.left=-50
document.all.Layer3.style.left=left
}
if (left>4 && left<60)
{
document.all.Layer3.style.left=-50
document.all.Layer2.style.left=left
}
if (left<5 && left>-50)
{
document.all.Layer2.style.left=-50
document.all.Layer1.style.left=left
}
if (left>-50 && left<225) setTimeout(" Layer_Close()",10)
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню1</div>
<div id="Layer2" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню2</div>
<div id="Layer3" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню3</div>
<div id="Layer4" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню4</div>
<div id="Layer5" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1">Меню5</div>
<a href="#" onClick="Layer_Open()"> открыть</a>..............<a href="#" onClick="Layer_Close()">закрыть</a>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Crux
(15.12.2004 в 11:20)
| | | Спасибо, огромное, Crux!!!! | |
| |
|
|
