//用firefox变量表示火狐代理var firefox = navigator.userAgent.indexOf('Firefox') != -1;function MouseWheel(e){//阻止事件冒泡和默认行为的完整兼容性代码 e = e||window.event; if (e.s...
分类：
其他好文 时间：
2015-10-19 17:13:05
阅读次数：
145
1、onmouseenter：当鼠标进入选区执行代码1234562、onmouseleave：当鼠标离开选区执行代码1234563、onmousewheel：当鼠标在选区滚轮时执行代码1234564、onscroll：拖动滚动条执行代码123456 5、onfocusin：当获得焦...
分类：
其他好文 时间：
2015-10-16 18:19:57
阅读次数：
1994
1、引入jquery核心库和Fancybox插件库from:http://www.111cn.net/wy/jquery/47982.htm可选 – 如果需要用到fancy transition（一些动画效果）你还需要引入以下脚本可选 – 如果需要支持鼠标滚轮滚动效果你还需要引入以下脚本2、引入样式...
分类：
Web程序 时间：
2015-10-12 19:10:51
阅读次数：
228
前言这是一款可用于展示历史和计划的时间轴插件，尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery，可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。HTML我们在body中建立一个div#timeline作为展示区，#dates为时间轴，示例中我们用年...
分类：
Web程序 时间：
2015-10-03 23:09:35
阅读次数：
228
Fancybox的特点如下：可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件（mouse wheel plugin）包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片Fancybox播放器支持投影，...
分类：
Web程序 时间：
2015-09-23 11:49:31
阅读次数：
247
现在很多页面 特别是电商用的比较多 比如电商里面某个商品的详细页 往下拉页面 当滚轮到达一定位置的时候 导航栏即固定在顶部 其实他的原理很简单， 就是一开始设置导航为相对定位，然后计算出滚动条离顶部的值 当大于这个值的时候 定位变成相对浏览器定位 top为0即可 js代码如下 具体html ...
分类：
其他好文 时间：
2015-09-21 17:25:44
阅读次数：
166
鼠标事件 鼠标移动到目标元素上的那一刻，首先触发mouseover 之后如果光标继续在元素上移动，则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……)，则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)触发scr...
分类：
Web程序 时间：
2015-09-20 17:40:23
阅读次数：
163
滚动条的基本交互有两个，鼠标拖拽滚动条和滚轮滚动。 ? ? ? ?滚动条涉及到的dom元素：1、主体区域（obj，box2与box4的父元素），鼠标滚动的触发主体，包含内容和滚动条，宽高自定。2、滚动条（b...
分类：
Web程序 时间：
2015-09-10 17:52:49
阅读次数：
222
如果将窗体或容器控件(如Panel控件)的AutoScroll属性设置为True时，那么当窗体或Panel容不下其中的子控件时就会出现 滚动条，通过移动滚动条可以上下显示出窗体或Panel中的全部内容。但是默认情况下滚动条的移动只能通过鼠标直接拖动滚动条来实现，而不能通过鼠标的滚 轮来实现上下移.....
鼠标滚轮插件（封装浏览器差异） https://github.com/jquery/jquery-mousewheel表格grid插件（类似轻量版的extjs的grid组件） https://github.com/tonytomov/jqGrid
分类：
Web程序 时间：
2015-09-08 21:44:45
阅读次数：
166
