JavaScript捕获滚轮事件,获取鼠标滚轮值放大缩小图片

前段代码需要与其他接口进行交互，ajax上传配置图片文件。代码用的是HTML5的FormData对象，FormData对象可以添加键值对来模拟我们用到的表单控件，将值转化为二进制传递。

最近做了一个企业网站，右侧自动加载一个导航浮动层，随着网页上下滚动到某些模块，自动添加右侧导航栏对应项目的浮动效果。

刚开始自己做了一段JS代码，但是要在每个使用的页面复制同样的代码的话，代码量也比较大了。所以准备自己做一个右侧面板滚动插件。特将编写过程写出来，第一次写jquery插件，轻拍..

在编写前端程序的时候需要与用户进行键盘交互，如果自己写检测用户按键代码，会造成各个不同浏览器的兼容性问题。

我们可以使用jQuery Hotkeys plugin这个Jquery库来实现效果，以兼容不同的浏览器。jQuery Hotkeys plugin的GitHub。

在网站中适时的使用图片延迟加载，可以减少请求，显著的提高多图片页面的加载速度。这也需要适当的使用图片延迟加载，图片延迟加载和无限下拉加载一样，对js支持不太好的搜索引擎都是一个非常坏的功能，虽然大幅度的提高了网站的访问速度，但是搜索引擎也搜索不到了。

jQuery图片延迟加载Lazyload。代码：

Jquery在1.6版本的时候在CheckBox属性获取这一块有些许更新。

OBJ.attr('checked'): 在1.6之后的版本，所获取的值是 "checked"/"underfined"  .

Touchslider主要用于网页幻灯片，手机端滑动等方面。功能强大，支持触摸屏触摸滑动，普通桌面网站鼠标点击滑动；兼容性好，适用于主流的桌面及移动(基于Weibkit)浏览器；流畅性，Android 和 iOS 等移动平台上的交互表现非常流畅，无任何卡顿现象。通过Touchslider交互脚本+CSS3可以写出一流的炫酷的幻灯片、滑动模块等多种交互效果。

动态滑动新闻，动态滚动新闻经常会用到这一方面的知识，比较初级。以左右滚动新闻为例，在一个规定宽度，高度的div容器里面，overflow超出部分hidden，即隐藏。在容器里的元素会被显示出来，超出容器的元素被隐藏掉了。

此div需要绝对定位或者相对定位。position:relative。

使用定时器或者按钮，改变left，right的值。

//Id为item的元素向左滑动偏移100的像

之前项目中遇到该类情况，导致UpdataPanel局部刷新后jQuery绑定的事件失效。好在jQuery1.3.2之后出现live函数，支持绑定未来的元素事件。当将来出现了该元素后自动绑定事件到该元素。

发生原因：由于Updatepanel使网页局部刷新时候，此时刷新的页面元素已经改变，jQuery无法将其绑定。

许多用户在访问其他站点时，已经从谷歌或微软加载过 jQuery。如果你使用了他们的CDN服务，当用户访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。这样也可以大大缓解自己服务器的带宽等资源。

项目中经常会有获取父窗体的元素值、更改父窗体元素内容、子窗体父窗体相互传值的情况，我们可以通过jQuery或者JS来获取父窗体及其他窗体对象来获取某一些元素的值。示例代码：