87,997
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
Inpool 2010-02-17
- 打赏
- 举报
window.onload = function(){
var points = [
{x:0,y:0},
{x:40,y:0},
{x:80,y:0},
{x:120,y:0},
{x:160,y:0},
{x:200,y:0},
{x:240,y:0},
{x:280,y:0},
{x:320,y:0},
{x:360,y:0},
{x:400,y:0},
{x:0,y:40}
];
var img_url = "test.gif" ;
var wapper = document.createElement("div");
for (var i = 0; i<points.length; i++)
{
var img = document.createElement("img");
img.src = img_url;
img.style.position = "absolute";
img.style.left = points[i].x + "px";
img.style.top = points[i].y + "px";
wapper.appendChild(img);
}
document.body.appendChild(wapper);
};
zhyzdl 2010-02-17
- 打赏
- 举报
祝你新年快乐,天天好心情！
tiantian_498 2010-02-16
- 打赏
- 举报
你好，谢谢你的回复，但我还有一个疑问，我需要在上百个点上插入小图标，像你那样是个办法，但好像有些麻烦。
shan1119 2010-02-16
- 打赏
- 举报
用的同一张图片的链接
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
window.onload=function(){
img1.style.position="absolute";
img1.style.left=100;
img1.style.top=100;
img2.style.position="absolute";
img2.style.left=200;
img2.style.top=100;
img3.style.position="absolute";
img3.style.left=300;
img3.style.top=100;
}
</script>
</HEAD>
<BODY>
<img id=img1 src="http://avatar.profile.csdn.net/B/8/9/2_shan1119.jpg"></img>
<img id=img2 src="http://avatar.profile.csdn.net/B/8/9/2_shan1119.jpg" ></img>
<img id=img3 src="http://avatar.profile.csdn.net/B/8/9/2_shan1119.jpg" ></img>
</BODY>
</HTML>tiantian_498 2010-02-16
- 打赏
- 举报
谢谢你， img1只能在一个点上出现吧，有办法img1再多个点上出现吗?
shan1119 2010-02-16
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
window.onload=function(){
img1.style.position="absolute";
img1.style.left=100;
img1.style.top=100;
}
</script>
</HEAD>
<BODY>
<img id=img1 ></img>
</BODY>
</HTML>shan1119 2010-02-16
- 打赏
- 举报
<img style="position:absolute;left:100px;top:100px;"></img>
