经常使用放大缩小功能,各种宽度和高度就常被用到。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 显示器分辨率宽度 window.screen.width 2 显示器分辨率高度 window.screen.height 3 显示器可用工作区宽度=显示器分辨率宽度-左边任务栏宽度 window.screen.availWidth 4 显示器可用工作区高度=显示器分辨率高度-下边任务栏高度 window.screen.availHeight 5 获得用于该元素具体的定位信息 /// <summary> /// 1: jQueryExtension.Window.Document.Element.Position(Properties) - 获得用于该元素具体的定位信息。 /// </summary> /// <param name="Properties" type="Options"> /// 一组用于默认配置的键/值对。 /// 1: Selector: null - (选择器)需要获取定位信息的元素。 /// </param> /// <returns type="object" /> function GetPosition(Selector) { var SelectorJQ = $(Selector); var Position = {}; if (SelectorJQ.length > 0) { var position = SelectorJQ.position(); Position.RelativeTop = position.top; Position.RelativeLeft = position.left; var offset = SelectorJQ.offset(); Position.AbsoluteTop = offset.top; Position.AbsoluteLeft = offset.left; }; return Position; } 6 鼠标位置 function mousePos(e){ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop }; };
加两个浏览器的宽度和高度
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
浏览器的宽度:$(window).width()
浏览器的高度:$(window).height()
鼠标位置
e.PageX e.PageY