操作层

2006年01月07日 20:20:00

(一).示例图片

(二).代码

>html<
>head<
>title<层的移动>/title<
>/head<
>body<
>div id="layer1" style="position:absolute;top:150px;left:150px;background-color:lightblue;"<
操作层
>form<
   >input type="button" value="上" onclick=moveup() width="150px"<
>br<
>input type="button" value="左" onclick=moveleft()<
>input type="button" value="中"<
>input type="button" value="下" onclick=moveright()<
>br<
   >input type="button" value="?" onclick=movedown()<
>/form<
>/div<
>script language="javascript"<
>!--
function moveup()
{
document.all.layer1.style.pixelTop+=(-20)
}

function movedown()
{
document.all.layer1.style.pixelTop+=20
}

function moveleft()
{
document.all.layer1.style.pixelLeft+=(-20)
}

function moveright()
{
document.all.layer1.style.pixelLeft+=20
}

//function showhide()
//{
//if (document.all.yellowbox.style.visibility=="hidden")
//document.all.yellowbox.style.visibility="visible"
//else
//document.all.yellowbox.style.visibility="hidden"
//}
//--<
>/script<
>/body<
>/html<

Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=573061