手机版

火狐浏览器下爪哇岛描述语言拖动层效果与原理分析代码

时间:2021-11-26 来源:互联网 编辑:宝哥软件园 浏览:

前言

本文主要给大家介绍了关于火狐浏览器下射流研究…实现拖动层效果的方法,下面话不多说了,来一起看看详细的介绍吧。

火狐浏览器下实现可拖动层代码

超文本标记语言头元http-equiv='内容-类型' Content=' text/html;charset=GB 2312 '/title www . JB 51 . net拖动层效果代码/title脚本var obj=0;var x=0;var y=0;var ie=(导航器。appversion。indexof(' MSIE ')!=-1);//IE var ff=(导航器。用户代理。indexof(' Firefox ')!=-1);//火狐函数find(evt,Objdiv){ obj=Objdiv if(ff){ x=document。文档元素。向左滚动evt。layerxy=文档。文档元素。滚动顶部evt。分层;if(文档。文档元素。滚动顶部0){ y=evt。分层文件。文档元素。滚动顶部;} if(文档。文档元素。scroll ft 0){ x=evt。layer x-文档。文档元素。被偷窃;} } if(ie){ x=文档。文档元素。向左滚动evt。offsetxy=文档。文档元素。滚动顶部evt。偏移;if(文档。文档元素。滚动顶部0){ y=evt。偏移-文档。文档元素。滚动顶部;} if(文档。文档元素。scroll ft 0){ x=evt。文档。文档元素。被偷窃;} } }函数dragit(evt){ if(obj==0){ return false } else { obj。风格。左=evt。client x-x ' px ';物体。风格。top=evt。client y-y ' px;} }/script/head body style=' margin :0 ' onmousemove=' dragit(event)' onmouseup=' obj=0 ' div id=' AAA ' style=' background-color : red;宽度:200磅;height :200 pt position : absolute ' div id=' aa ' style=' width :200 pt;高度:20磅背景:蓝色;mousedown=' find '上的绝对位置:(事件,文档。getelementbyid(' AAA ')'/div/div brbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbrbr/body/html JAVAScript中一些概念理解:客户端、客户端、离线、离线、屏幕、屏幕

clientX设置或获取鼠标指针位置相对于窗口客户区域的x坐标,其中客户区域不包括窗口自身的控件和滚动条。

客户设置或获取鼠标指针位置相对于窗口客户区域的y坐标,其中客户区域不包括窗口自身的控件和滚动条。

offsetX设置或获取鼠标指针位置相对于触发事件的(这个)对象的x坐标。

偏移社会设置或获取鼠标指针位置相对于触发事件的(这个)对象的y坐标。

screenX设置或获取获取鼠标指针位置相对于用户屏幕的x坐标。

screenY设置或获取鼠标指针位置相对于用户屏幕的y坐标。

x设置或获取鼠标指针位置相对于父文档的x像素坐标。

y设置或获取鼠标指针位置相对于父文档的y像素坐标。

如图:图片来源于网络

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对我们的支持。

版权声明:火狐浏览器下爪哇岛描述语言拖动层效果与原理分析代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。