| |
|
|
| | Помогите мне пожалуйста сделать на Javascripte так, что при наведении курсора на слой, другой слой плавно выдвигался. Вот то, что у меня получилось, плохо работает. Заранее спасибо
<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><br>
<a>2 слой</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%">1 <span lang="ru">слой</span></td>
</tr>
</table>
</div>
</div>
<p> </div>
</body>
</html>
|
| |
| |
|
