已知屏幕几个点的坐标,想把一个图标分别放在这几个点上,用javascript, 该怎么办,多谢指点

tiantian_498 2010-02-16 06:19:09
如题!
...全文
57 7 打赏 收藏 举报
写回复
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
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>
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-02-16 06:19
社区公告
暂无公告