| 标题 | JavaScript兼容IE,firefox的拖拽功能 |
| 范文 | JavaScript兼容IE,firefox的拖拽功能： <html xmlns="" lang="utf8"> <head> <title> 代码实例：拖动对象 Drag Object (兼容:IE、Firefox、Opera ... )title> <meta http-equiv="content-type" content="text/html; charset=utf8" /> <meta name="keywords" content="代码实例：拖动对象"> <meta name="description" content="最简短的拖动对象代码实例演示"> <style> .dragAble {position:relative;cursor:move;} style> <script language="javascript"> var 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="" / onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)"> <img src="" / onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)"> <img src="" / onclick="javascript:window.open(this.src);" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)"><br /><br /> <div>这些都是可拖动对象div> <body> <html> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。