前端做网站之后的感想总结,中国工商网,怎么做属于自己的音乐网站,网站打不开用什么浏览器本文实例讲述了JavaScript实现文字与图片拖拽效果的方法。分享给大家供大家参考。具体实现方法如下#xff1a;JavaScript实现文字与图片的拖拽效果*{padding:0;margin:0;}.tips{position:absolute;background:#eee;}图片可以拖动脚本之家拖动链接也可以var $idfunction(id){r…本文实例讲述了JavaScript实现文字与图片拖拽效果的方法。分享给大家供大家参考。具体实现方法如下JavaScript实现文字与图片的拖拽效果*{padding:0;margin:0;}.tips{position:absolute;background:#eee;}图片可以拖动脚本之家拖动链接也可以var $idfunction(id){return document.getElementById(id);}var dragF{locked:false,lastObj:undefined,drag:function(obj){$id(obj).οnmοusedοwnfunction(e){var e e ? e : window.event;if(!window.event) {e.preventDefault();}/* 阻止标注浏览器下拖动a,img的默认事件 */dragF.lockedtrue;$id(obj).style.positionabsolute;$id(obj).style.zIndex100;if (dragF.lastObjdragF.lastObj!$id(obj)) {/* 多元素拖动需要恢复上次元素状态 */dragF.lastObj.style.zIndex 1;}dragF.lastObj$id(obj);var tempX$id(obj).offsetLeft;var tempY$id(obj).offsetTop;dragF.xe.clientX;dragF.ye.clientY;document.οnmοusemοvefunction(e){var e e ? e : window.event;if(dragF.lockedfalse) return false;$id(obj).style.lefttempXe.clientX-dragF.xpx;$id(obj).style.toptempYe.clientY-dragF.ypx;if(window.event) {e.returnValuefalse;}/* 阻止ie下a,img的默认事件 */}document.οnmοuseupfunction(){dragF.lockedfalse;}}}}希望本文所述对大家的javascript程序设计有所帮助。
