<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>带滚动条的广告图片</title>
<style type="text/css">
#main{text-align:center; background-color:#930; height:600px; width:800px}
</style>
<script type="text/javascript">
function test(id){
var obj=document.getElementById(id);
alert("left="+obj.style.left+";top="+obj.style.top);
obj.style.left=parseInt(obj.style.left)+20+"px";
obj.style.top=parseInt(obj.style.top)+20+"px";
}
</script>
</head>
<body>
<div id="testDiv" style="position:absolute; left:300px; top:60px; background-color:#F00; width:80px; height:200px;">内部样式Div</div>
<input type="button" value="坐标测试" onclick="test('testDiv');" />
<div id="main">显示内容</div>
</body>