程序博客网 > 递推算法

有关div的位置，隐藏显示和移动

来源：互联网发布：递推算法编辑：程序博客网时间：2024/06/15 21:01

<html>

<head>

<script>

functioninit()

{block=blockdiv.style

block.xpos=parseInt(block.left)

block.ypos=parseInt(block.top)

}

functionshowObject(obj)

{obj.visibility="visible"

}

functionhideObject(obj)

{obj.visibility="hidden"

}

function moveto(obj,x,y)

{obj.xpos=x

obj.left=obj.xpos

obj.ypos=y

obj.top=obj.ypos

}

functionmoveby(obj,x,y)

{obj.xpos+=x

obj.left=obj.xpos

obj.ypos+=y

obj.top=obj.ypos

}

</script>

</head>

<bodyonload="init()">

checkvalues:

<br><ahref="javascript:alert('X:'+block.xpos)">横向位置</a>

<br><ahref="javascript:alert('Y:'+block.ypos)">竖向位置</a>

<br><ahref="javascript:showObject(block)">显示</a>

<br><ahref="javascript:hideObject(block)">隐藏</a>

<br>移动moveto:

<br><ahref="javascript:moveto(block,100,200)">(100,200)</a>

<br><ahref="javascript:moveto(block,200,260)">(200,260)</a>

<br><ahref="javascript:moveto(block,300,340)">(300,340)</a>

<br>相对移动moveby:

<br><ahref="javascript:moveby(block,10,0)">(10,0)</a>

<br><ahref="javascript:moveby(block,-10,0)">(-10,0)</a>

<br><ahref="javascript:moveby(block,0,10)">(0,10)</a>

<br><ahref="javascript:moveby(block,0,-10)">(0,-10)</a>

<divid="blockdiv"style="position:absolute;left:100;top:200;width:30;visibility:visible;">

sktjyerlwo;ekrw;

<IMG SRC="1.jpg"border=0>

</div>

</body>

</html>

递推算法

递推算法

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子稀饭减肥4天瘦15斤 4磅多少斤 4升等于多少斤女子取出4斤寄生虫 4千克等于多少斤 4kg多少斤 4斤等于多少克 4千克多少斤 4只海马能泡多少斤白酒 4升多少斤斤蚕丝被多少钱 4个月减20斤 4公斤是多少斤一天体重相差4斤正常吗龙族悼亡者归来谢依霖怀二胎苏宁金服完成融资大黄红米note g套餐本月开售 5, 5- \'5 5+ -5 5& 5+5 ,5 &5 妈妈朋友5 丝母欲韵5 iphone 5 5了是5 和5 5杀发现5 5系 5啊 ,,5 50/50