`

js中获取鼠标位置及获取窗口的宽度

 
阅读更多

var xScroll = document.body.scrollWidth; //获取整个浏览器窗口的宽度

//event.clientX 获取鼠标移动的位置 即宽度

var x = (( xScroll - event.clientX ) > 300) ? event.clientX : event.clientX-(xScroll - event.clientX );

 

分享到:
评论

相关推荐

    【JavaScript源代码】JavaScript offset实现鼠标坐标获取和窗口内模块拖动.docx

    JavaScript offset实现鼠标坐标获取和窗口内模块拖动  offset 即偏移量,使用 offset 系列相关属性可以 动态的 获取该元素的位置(偏移)、大小等,如: 元素距离带有定位父元素的位置 获取元素自身的大小(宽度...

    JS获取各种高度宽度1

    JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸1)关于 pageX, clienX,offsetX,layerXpageX:鼠标在页面上的位置,从

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

    本文实例讲述了JS实现弹出浮动窗口。分享给大家供大家参考。具体如下: 这里介绍的JS弹出浮动窗口,支持鼠标拖动和关闭,点击链接文字后弹出层窗口,也称作是弹出式对话框吧。 关于一些参数说明: bodycontent:要在...

    js实现登录拖拽窗口

    本文实例为大家分享了js实现登录拖拽窗口的具体代码,供大家参考,具体内容如下 做这个案例的两个关键点: 1、用js将盒子在可视区域居中显示 本可以用css将盒子用定位的方式居中显示,但是采用js的方法更好些。 方法...

    mouse-heatmap-[removed]用于在客户端使用网页时跟踪鼠标位置的简单脚本

    鼠标热图-javascript 用于在客户端使用网页时跟踪鼠标位置的简单脚本。 为了测试网站UX,我们应该调查客户如何与我们的网站进行交互。 UX中的常见测试之一是页面热图,它可以通过跟踪鼠标指针来推导用户眼睛如何看待...

    JavaScript详解(第2版)

    1.4 JavaScript及其在Web页面中的位置 3 1.5 Ajax是什么 5 1.6 JavaScript是什么样子的 6 1.7 JavaScript及其在Web开发中承担的角色 7 1.8 JavaScript和事件 9 1.9 标准化JavaScript和W3C 11 1.9.1 ...

    javascript函数的解释

    82.JS中的窗口滚动到位置:window.scrollby 83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout 84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,...

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    winPos:弹出窗口的位置,支持8种内置位置(c,l,t,r,b,lt,rt,lb,rb)及自定义窗口坐标,默认为c。 各参数意义:c:页面中间,l:页面左侧,t:页面顶部,r:页面右侧,b:页面顶部,lt:左上角,rt:右上角,lb:左下角,rb:右下角 ...

    js使用小技巧

    鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体...

    jquery.fullpage.mini.js

    如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。...可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

    aui-artDialog

    功能: 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、自定义位置、拖动、鼠标调节窗口大小、换肤…… 优点 兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, ...

    jQuery全屏滚动插件fullPage.js

    如今我们经常能见到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次。...可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等

    超实用的jQuery代码段

    1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字闪烁效果 1.24 实现文字动画...

    精通JS脚本之ExtJS框架.part1.rar

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

    table拖动(固定宽度,兼容Firefox 3.5IE6)

    在web中模拟窗口表格控件,可以用鼠标拖动改变表格列宽,兼容Firefox 3.5和IE6浏览器。和之前的一个不同的是这个是固定了table的宽度。 相应函数修改为一下后可适应tabel的border属性取不同值: o.p_p_c_gw=...

    IBM WebSphere Portal门户开发笔记01

    81、JS获取鼠标位置 364 82、JS EVENT获取获取标签尺寸S 365 83、设置FLASH在网页的底层显示 365 84、IFRAME的SRC获取JS函数代码作为HTML 365 85、STYLE.PIXELLEFT 365 十八、其他应用 366 1、添加NOTEPAD++到右脚...

Global site tag (gtag.js) - Google Analytics