linux startx 鼠标指针,支持各主流浏览器使用的鼠标拖动和拖拽的鼠标指针特效...

脚本代码(For Alixixi.com)如下:

无标题文档

#box{width:100px;height:100px;background:#966;position:absolute;left:100px;top:100px;cursor:pointer;}

var doc=document;

function getViewport(){

return {width:Math.max(document.documentElement.clientWidth,document.documentElement.scrollWidth),

height:Math.max(document.documentElement.clientHeight,document.documentElement.scrollHeight)

};

}

function compareNum(x,minNum,maxNum){

switch(true){

case x

case x>maxNum:x=maxNum;break;

default:x;

}

return x;

}

box.style.left='100px'

box.style.top='100px'

box.οnmοusedοwn=function(e){

var e=e||window.event;

var maxL=getViewport().width-100,

maxT=getViewport().height-100;

this.startL=parseInt(this.style.left);

this.startT=parseInt(this.style.top);

//alert(e.clientX)

this.startX=e.clientX;

this.startY=e.clientY;

//alert(maxL+':'+maxT+':'+L+':'+T)

doc.οnmοusemοve=function(e){

posXY(e,0,0,maxL,maxT);

};

doc.οnmοuseup=function(){

doc.οnmοusemοve=null;

doc.οnmοuseup=null;

};

return false;

}

function posXY(e,minL,minT,maxL,maxT){

var e=e||window.event;

var x=box.startL-(box.startX-e.clientX);

var y=box.startT-(box.startY-e.clientY);

box.style.left=compareNum(x,minL,maxL)+'px'

box.style.top=compareNum(y,minT,maxT)+'px'

}

linux startx 鼠标指针,支持各主流浏览器使用的鼠标拖动和拖拽的鼠标指针特效...相关推荐

js实现图片的放大缩小（鼠标长按拖拽、鼠标滚轮控制放大缩小）
系列文章目录文章目录系列文章目录背景与效果图 1.背景如下(功能图): 2.效果图如下: 拖拽后的效果缩放的效果放大的效果一.功能:支持鼠标长按拖拽 1.鼠标事件: 2.拖拽功能流程 3. ...
127：vue+openlayers 使用CRTL控制map拖拽和鼠标滚动（示例代码）
第127个点击查看专栏目录本示例的目的是介绍如何在vue+openlayers项目中设置控制条件,使用CRTL控制map拖拽和鼠标滚动. 直接复制下面的 vue+openlayers源代码,操作2 ...
js 拖拽元素鼠标速度过快元素跟不上
自己写一个拖拽元素,使用js拖拽元素时,鼠标速度过快时元素跟不上鼠标参考了网上的文章 ,里面对比了绑定到 body和document上的不同点js 拖拽元素鼠标速度过快问题明白过来是因为速度过 ...
WebAssembly已支持所有主流浏览器
Firefox Quantum.Safari.Edge和Chrome一并支持WebAssembly,可以接近原生速度运行Web应用程序.点击[阅读原文]获取原文地址. 作者:Judy DeMocker ...
span标签的鼠标滑入提示_彻底搞懂拖拽——基于鼠标事件的拖拽以及基于HTML5 API的拖拽...
一.基于鼠标事件的拖拽原理--onmousedown.onmousemove.onmouseup onmousedown 该事件会在鼠标按键被按下时触发支持该事件的HTML标签: html < ...
js 拖拽元素鼠标速度过快问题
自己写一个小工具,使用js拖拽元素时,鼠标速度过快时元素跟不上鼠标看网上有人说把mousemove事件绑定到dom上试了不管用偶然发现拖拽文字丝毫无卡顿不知道是不是元素比较复杂的缘故? s ...
unity 原生UI 拖拽跟随鼠标移动
unity 拖拽某个UI移动时有三个方法:,例如是image类型的UI,要想实现图片跟随着鼠标移动需要以下操作: 第一个方法:在Update函数中执行 if(Input.GetMouseBut ...
html5移动拖拽,H5鼠标拖拽移动
刚开始学H5的js,所以就全用js做的,只是为了锻炼自己的js基础以下就是我整个H5的代码 var box = document.createElement('div'); box.style.wi ...
js下拉列表添加监听事件（支持所有主流浏览器）
1.需求效果预览 2.核心代码 <div class="select"><span>请选择学科:</span><select id = & ...

linux startx 鼠标指针,支持各主流浏览器使用的鼠标拖动和拖拽的鼠标指针特效...

linux startx 鼠标指针,支持各主流浏览器使用的鼠标拖动和拖拽的鼠标指针特效...相关推荐

最新文章

热门文章