当前位置: 首页 > news >正文

图片定位问题

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

<!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

相关文章:

  • xencenter如何安装系统
  • ASP.NET MVC Model元数据及其定制: Model元数据的定制
  • 04-String
  • 社工-入侵
  • Spring声明式事务管理之一:五大属性分析
  • 解决Activity启动黑屏及设置android:windowIsTranslucent不兼容activity切换动画问题
  • UWP Popup 弹出提示框
  • 利用Dawn工程化工具实践MobX数据流管理方案
  • crontab_定时执行任务(python)
  • 【commons-io】File对文件与目录的处理FileUtis,IOUtils,FilenameUtils工具的使用
  • .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验
  • vue2组件之间双向数据绑定问题
  • IO(字节流、字符流)
  • Linux环境安装docker
  • 康复者的福音来了,只要穿上这款机器人外骨骼便能自由转身
  • 分享的文章《人生如棋》
  • C++类的相互关联
  •  D - 粉碎叛乱F - 其他起义
  • go语言学习初探(一)
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • Redis学习笔记 - pipline(流水线、管道)
  • Spring技术内幕笔记(2):Spring MVC 与 Web
  • Zsh 开发指南(第十四篇 文件读写)
  • 机器学习中为什么要做归一化normalization
  • 记一次和乔布斯合作最难忘的经历
  • 配置 PM2 实现代码自动发布
  • 问题之ssh中Host key verification failed的解决
  • 一些css基础学习笔记
  • 优秀架构师必须掌握的架构思维
  • 东超科技获得千万级Pre-A轮融资,投资方为中科创星 ...
  • 曾刷新两项世界纪录,腾讯优图人脸检测算法 DSFD 正式开源 ...
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • ​软考-高级-系统架构设计师教程(清华第2版)【第12章 信息系统架构设计理论与实践(P420~465)-思维导图】​
  • # Panda3d 碰撞检测系统介绍
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • #我与Java虚拟机的故事#连载06:收获颇多的经典之作
  • (1)(1.13) SiK无线电高级配置(五)
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (7)STL算法之交换赋值
  • (floyd+补集) poj 3275
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (五)Python 垃圾回收机制
  • (转)IOS中获取各种文件的目录路径的方法
  • (转)linux自定义开机启动服务和chkconfig使用方法
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .Net IOC框架入门之一 Unity
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .NET关于 跳过SSL中遇到的问题
  • .py文件应该怎样打开?
  • ?php echo ?,?php echo Hello world!;?
  • @ModelAttribute注解使用
  • [ IOS ] iOS-控制器View的创建和生命周期
  • [ JavaScript ] JSON方法
  • [ linux ] linux 命令英文全称及解释