`
- 浏览:
48768 次
- 性别:
- 来自:
南京
-
<html>
<head>
<style type="text/css">
#plane1{position:absolute; left:90; top:70; width:121; z-index:0}
#plane2{position:absolute; left:50; top:50; width:118; z-index:0}
</style>
<title>aaaa</title>
</head>
<body onLoad="init()">
<SCRIPT LANGUAGE="JavaScript">
var isNav, isIE //检测浏览器版本
if (parseInt(navigator.appVersion) >= 4) {
if (navigator.appName == "Netscape") {
isNav = true
} else {
isIE = true
}
}
//设定对象z-Index属性的实用函数
function setZIndex(obj, zOrder) {
obj.zIndex = zOrder
}
//这个函数将指定物体定位到指定坐标处。
function shiftTo(obj, x, y) {
if (isNav) {
obj.moveTo(x,y)
} else {
obj.pixelLeft = x
obj.pixelTop = y
}
}
var selectedObj
var offsetX, offsetY
//寻找被点击的对象
function setSelectedElem(evt) {
if (isNav) { //NS浏览器的处理
var testObj
var clickX = evt.pageX
var clickY = evt.pageY
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)) {
selectedObj = testObj //则记录这个对象
setZIndex(selectedObj, 100)//将其置于最前
return //返回
}
}
} else { //IE浏览器的处理
var imgObj = window.event.srcElement //触发事件的对象
if (imgObj.parentElement.id.indexOf("plane") != -1) {//判断这个对象是不是预先定义需要被拖动的那个
selectedObj = imgObj.parentElement.style//记录这个对象
setZIndex(selectedObj,100)//将其调整到最上层
return //返回
}
}
//如果点击的对象不是需要拖动的,则会执行到这里
selectedObj = null //记录一个空对象
return
}
//拖动一个对象
function dragIt(evt) {
if (selectedObj) { //如果有被操作对象
if (isNav) { //如果浏览器是NS
shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY)) //将对象移动到鼠标的位置
} else { //如果是IE
shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
return false //返回false值,阻止接下来的其他处理点击的过程。
}
}
}
//鼠标按下时的处理
function engage(evt) { /*记录鼠标坐标*/
setSelectedElem(evt)
if (selectedObj) {
if (isNav) {
offsetX = evt.pageX - selectedObj.left
offsetY = evt.pageY - selectedObj.top
} else {
offsetX = window.event.offsetX
offsetY = window.event.offsetY
}
}
return false
}
//处理鼠标释放
function release(evt) {
if (selectedObj) {
setZIndex(selectedObj, 0) //将被拖动对象置后
selectedObj = null //清除记录的对象
}
}
//为NS设定事件捕获列表
function setNavEventCapture() {
if (isNav) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
}
}
//在页面装入的时候初始化事件捕获过程
function init() {
if (isNav) {
setNavEventCapture()
}
document.onmousedown = engage
document.onmousemove = dragIt
document.onmouseup = release
}
</SCRIPT>
<DIV ID=plane1><IMG NAME="planePic1" SRC="logo_demo1.gif" BORDER=0></DIV>
<DIV ID=plane2><IMG NAME="planePic1" SRC="logo_demo1.gif" BORDER=0></DIV>
<p><b>bbbb</b></p>
</body>
</html>
- 大小: 2.7 KB
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
unity-movement-ai, 通用运动人工智能的统一库 运动 AI统一运动 AI 是通用运动AI脚本库,称为转向行为。 你可以使用这些脚本来帮助你的npc在你的游戏中移动。当前,库只将游戏对象移动到 X/Y 方向。:如何使用如果你...
BetterLinkMovementMethod When android:autoLink="all" or Linkify.addLinks(textView, Linkify.ALL) is used to add links to web URLs, phone-numbers, map addresses or email addresses in a TextView, ...
无线通信网络中一种改进的基于运动的位置管理方案的建模及开销分析,王献,蒋伟,在原始的基于运动的位置更新(original movement-based location update, OMBLU)方案中,当穿越的小区数达到运动门限时,执行一次位置...
FMSFunctional-Movement-Screen-功能性运动检测测验.doc
Unity-Isometric-Jump-Movement-Controller。tilemap使用实例,用来学习unity 2.5d游戏入门
近代西方普及教育运动(Universal-Education-Movement-in-the.doc
stock-movement-prediction
pca特征提取的matlab代码-EEG-Hand-Movement-Decoding使用深度学习和信号处理算法从脑电信号解码手部运动的研究EEGHandMovementDecodingmaster
唇部检测
这款 Exp_Directed_Movement 智能交易系统基于 Directed_Movement 指标的颜色变化。
本系统以MSP430F449单片机为核心,利用了L297,以及L298N各两块驱动芯片驱动两个步进电机,通过各种算法,可以精确控制悬挂物体的运动方向与轨迹。在使用了更优化的算法后,实现了任意坐标的随机设置。...
movement-map-front
双平滑 RSI 指标形成的彩色云图。
Head-Movement-Tracking-to-Control-an-Endoscopic-Camera
npm i --save phaser-grid-movement-plugin 并将其导入您的代码: import * as GridMovementPlugin from "phaser-grid-movement-plugin" ; 安装程序包(网络): 您也可以从dist文件夹下载GridMovementPlugin.min...
BetterLinkMovementMethod 当使用android:autoLink或Linkify.addLinks将链接添加到TextView时,Android使用称为LinkMovementMethod的类来突出显示焦点时的链接,并在单击它们时分派Intent。 ...
这是水流问题的资料库 3月27日,星期六
Cost analysis of a hybrid movement- and time-based location update scheme in cellular networks
Classification of imbalanced bioinformatics data by using boundary movement-based ELM
In this paper, an improved movement-based location update (iMBLU) scheme is proposed to reduce the location update (LU) cost of the conventional movement-based location update (CMBLU) scheme....