先下载附件,运行看效果
<SCRIPT LANGUAGE="JavaScript">
//Modified by the CoffeeCup HTML Editor++
//http://www.coffeecup.com
// Global variables for platform branching
var isNav, isIE
if (parseInt(navigator.appVersion) >= 4) {
if (navigator.appName == "Netscape") {
isNav = true
} else {
isIE = true
}
}
// ***Begin CSS custom API Functions***
// Set zIndex property
function setZIndex(obj, zOrder) {
obj.zIndex = zOrder
}
// Position an object at a specific pixel coordinate
function shiftTo(obj, x, y) {
if (isNav) {
obj.moveTo(x,y)
} else {
obj.pixelLeft = x
obj.pixelTop = y
}
}
// ***End API Functions***
// Global holds reference to selected element
var selectedObj
// Globals hold location of click relative to element
var offsetX, offsetY
// Find out which element has been clicked on
function setSelectedElem(evt) {
if (isNav) {
// declare local var for use in upcoming loop
var testObj
// make copies of event coords for use in upcoming loop
var clickX = evt.pageX
var clickY = evt.pageY
// loop through all layers (starting with frontmost layer)
// to find if the event coordinates are in the layer
for (var i = document.layers.length - 1; i >= 0; i--) {
testObj = document.layers[i]
if ((clickX > testObj.left) &&
(clickX < testObj.left + testObj.clip.width) &&
(clickY > testObj.top) &&
(clickY < testObj.top + testObj.clip.height)) {
// if so, then set the global to the layer, bring it
// forward, and get outa here
selectedObj = testObj
setZIndex(selectedObj, 100)
return
}
}
} else {
// use IE event model to get the targeted element
var imgObj = window.event.srcElement
// make sure it's one of our planes
if (imgObj.parentElement.id.indexOf("plane") != -1) {
// then set the global to the style property of the element,
// bring it forward, and say adios
selectedObj = imgObj.parentElement.style
setZIndex(selectedObj,100)
return
}
}
// the user probably clicked on the background
selectedObj = null
return
}
// Drag an element
function dragIt(evt) {
// operate only if a plane is selected
if (selectedObj) {
if (isNav) {
shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
} else {
shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
document.getElementById("zuobiao").innerHTML =
(window.event.clientX -offsetX)+","+(window.event.clientY - offsetY)
document.getElementById("zuobiao3").innerHTML =
window.event.clientX +","+window.event.clientY;
// prevent further system response to dragging in IE
return false
}
}
}
// Set globals to connect with selected element
function engage(evt) {
setSelectedElem(evt)
if (selectedObj) {
// set globals that remember where the click is in relation to the
// top left corner of the element so we can keep the element-to-cursor
// relationship constant throughout the drag
if (isNav) {
offsetX = evt.pageX - selectedObj.left
offsetY = evt.pageY - selectedObj.top
} else {
offsetX = window.event.offsetX
offsetY = window.event.offsetY
}
document.getElementById("zuobiao2").innerHTML = offsetX+","+offsetY
}
// block mouseDown event from forcing Mac to display
// contextual menu.
return false
}
// Restore elements and globals to initial values
function release(evt) {
if (selectedObj) {
setZIndex(selectedObj, 0)
selectedObj = null
}
}
// Turn on event capture for Navigator
function setNavEventCapture() {
if (isNav) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
}
}
// Assign event handlers used by both Navigator and IE (called by onLoad)
function init() {
if (isNav) {
setNavEventCapture()
}
// assign functions to each of the events (works for both Navigator and IE)
document.onmousedown = engage
document.onmousemove = dragIt
document.onmouseup = release
}
</SCRIPT>
<body bgcolor="#fef4d9" onLoad="init()">
<DIV ID=plane1><img src="1213b06322401Z15.gif" BORDER=0 style="CURSOR: pointer" ></DIV>
<DIV ID=plane2><div>我是div</div></DIV>
<div id="zuobiao"></div>
<div id="zuobiao2"></div>
<div id="zuobiao3"></div>
分享到:
相关推荐
光纤图片合集
element-ui ruoyi 图片上传可拖拽调整顺序组件 开箱即用,直接替换imge-upload组件的index.vue即可
一种图像配准评价指标,主要用于图像配准算法的性能评价
内涵两个文件夹,一个myeclip服务器,一个安卓eclips,相信大家平时做Android应用的时候,开源图片加载框架应运而生,比较著名的就是Universal-Image-Loader,相信很多朋友都听过或者使用过这个强大的图片加载框架,...
把图片在OPENCV中进行滤镜处理,浮雕,雾化,有详细的算法
image processing with source code
已经是完全破解版,无需注册码,直接点击“注册”按钮就完成 。工具能把图标转换成代码,用于在LCD上显示。
Disk imge img 写盘工具
图像加密解密MFC框架,无加解密代码,自行添加加解密代码
中国国标里的交通标志都可以拿过来处理,里面运用了数字图像的相关技术,如腐蚀、细化、膨胀、内核提取等等。
这篇文章介绍了图像去噪和图像恢复为一体的图像处技巧
#声明:project只有前端的页面和接口,后台测试...2.将项目的webcontent的html、css、imge、js[也是自己创建的Folder(文件夹)]等复制进去,别忘了lib里的包!! 3.根据自己的网页放的位置,自己调整JQ等各种包的位置。
此代码可以实现sift图像配准与拼接,速度较快,准确率高
ireportdesigner 合适java 打印模板使用,支持模板编辑操作
首先想到的是用canvas完成这种功能,因为我之前也没有接触过canvas,所以做这个功能的时候,就是一步一步的摸索中学习,过程还是挺nice的,接下来跟我一步步来实现这个功能以及发现一些canvas的坑吧。 因为这个功能...
C# image显示C# image显示C# image显示C# image显示 自己看
Exchangeable image file format for Digital Still Cameras: Exif
matlab 图像信息隐藏 LSB方法
Rio提供了对任何1、2、3或4字节像素图的虚拟像素访问。 即:您可以将Rio与任何位图类型(包括TBitmap或TBGRABitmap)一起使用。 Rio包含大量优化的位图编辑/复制方法。 Rio的设计基于FreePascal通用对象。...
vb6编写的图片处理软件源代码,可以将图片按设定值来压缩保存。图片编辑后保存等