图片定位问题

最新推荐文章于 2024-11-05 15:28:12 发布

weixin_33827965

最新推荐文章于 2024-11-05 15:28:12 发布

阅读量140

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/likaixuan0/blog/1555542

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head>
	<title>html-test-pic-position</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="layer/2.4/layer.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(1.png);}
	</style>

</head>
<body>
	<div id="content">
		<div id="div-img">
			<!-- <img src="1.png" id="lkx-img" style="margin-left: 0px; margin-top: 0px;position: relative;" /> -->
		</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++){
		$('#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>

转载于:https://my.oschina.net/likaixuan0/blog/1555542