北極心空
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head><title> 代碼實例:拖動對象 Drag Object (兼容:IE、Firefox、Opera ... )</title><meta http-equiv="content-type" content="text/html; charset=gb2312" /><meta name="editor" content="楓巖,http://www.cnlei.com"><meta name="keywords" content="代碼實例:拖動對象"><meta name="description" content="最簡短的拖動對象代碼實例演示"><style>.dragAble {position:relative;cursor:move;}</style><script language="javascript"><!--// Author: Unkonw// Modify: 楓巖@CnLei.comvar ie=document.all;var nn6=document.getElementById&&!document.all;var isdrag=false;var y,x;var oDragObj;
function moveMouse(e) { if (isdrag) { oDragObj.style.top = (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px"; oDragObj.style.left = (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px"; return false; }}
function initDrag(e) { var oDragHandle = nn6 ? e.target : event.srcElement; var topElement = "HTML"; while (oDragHandle.tagName != topElement && oDragHandle.className != "dragAble") { oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement; } if (oDragHandle.className=="dragAble") { isdrag = true; oDragObj = oDragHandle; nTY = parseInt(oDragObj.style.top+0); y = nn6 ? e.clientY : event.clientY; nTX = parseInt(oDragObj.style.left+0); x = nn6 ? e.clientX : event.clientX; document.onmousemove=moveMouse; return false; }}document.onmousedown=initDrag;document.onmouseup=new Function("isdrag=false");//--></script></head><body><img src="<img src="<img src="<div style="border:1px solid #ff6d00;background:#ffd801;width:240px;padding:5px 0;" class="dragAble">這些都是可拖動對象</div></body></html>
Copyright @ 蘆葦 Powered by: .Text and ASP.NET Theme by: .NET Monster