jquery深入浅出精华教程.docx
《jquery深入浅出精华教程.docx》由会员分享，可在线阅读，更多相关《jquery深入浅出精华教程.docx（23页珍藏版）》请在冰点文库上搜索。
jquery深入浅出精华教程
Jquery深入浅出精华教程
Jquery精华教程1
目的：
为jquey菜鸟提供一份从简单到复杂的jquery教程1
1、用户无操作自动处理1
2、图层拖动3
3、自定义鼠标右键6
4、鼠标滑过改变背景8
5、靠右悬浮，点击自动靠边12
6、禁止全选、复制、右键15
7、轨迹动画15
目的：
为jquey菜鸟提供一份从简单到复杂的jquery教程
1、用户无操作自动处理
默认10秒无用户操作发生，则自动跳转
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
用户无操作
$（function（）{
util_global_nothing_init（）;
$（'#btn'）.click（function（）{
util_global_nothing_reset（）;
}）;
}）
varutil_global_nothing_fun=null;
varutil_global_nothing_time=10;
//监听器
functionutil_global_nothing_init（）{
util_global_nothing（）;
$（document）.bind（"clickmouseover",function（）{
util_global_nothing_reset（）;
}）;
}
//重置函数
functionutil_global_nothing_reset（）{
util_global_nothing_time=10;
if（util_global_nothing_fun!
=null）{
window.clearInterval（util_global_nothing_fun）;
}
util_global_nothing（）;
}
//倒计时函数
functionutil_global_nothing（）{
util_global_nothing_fun=window.setInterval（function（）{
util_global_nothing_time--;
if（parseInt（util_global_nothing_time）<1）{
window.clearInterval（util_global_nothing_fun）;
}else{
$（'#mess'）.html（util_global_nothing_time）;
}
},1000）;
}
$（document）.bind（"mousemove",function（ev）//绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件