问题描述：当前图片作为背景，需要在背景图片的指定位置打上一个标签(另外一张图片了)
效果如下
<!DOCTYPE html>
<html>
<head>
<title>html-test-pic-position</title>
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
#content{width:800px;height: 500px; margin: 0 auto;background-color: #eeddcc;}
#div-img{width:800px;height:500px;position: relative;background-image: url(Koala.jpg);}
</style>
</head>
<body>
<div id="content">
<div id="div-img">
</div>
</div>
</body>
</html>
<script type="text/javascript">
var data = new Array();
data[0] = {id:'img1',posx:30,posy:450,title:'这个师斯蒂芬沙发斯蒂芬斯蒂芬'};
data[1] = {id:'img2',posx:120,posy:30,title:'神挡杀神收拾收拾实话实说'};
data[2] = {id:'img3',posx:500,posy:60,title:'sdfsdfas是的范德萨发发送的'};
$(function(){
for(var i=0;i<data.length;i++){
if(i==0){
$('#div-img').append('<img src="check.png" title="'+data[i].title+'" id="'+data[i].id+'" style="position: absolute;margin-top:'+data[i].posy+'px;margin-left:'+data[i].posx+'px;"/>');
}else{
$('#div-img').append('<img src="2.gif" title="'+data[i].title+'" id="'+data[i].id+'" style="position: absolute;margin-top:'+data[i].posy+'px;margin-left:'+data[i].posx+'px;"/>');
}
}
});
</script>
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
