jquer深入浅出精华教程.docVIP

Jquery深入浅出精华教程 Jquery精华教程 1 目的：为jquey 菜鸟提供一份从简单到复杂的jquery教程 1 1、用户无操作自动处理 1 2、图层拖动 3 3、自定义鼠标右键 6 4、 鼠标滑过改变背景 8 5、靠右悬浮，点击自动靠边 12 6、禁止全选、复制、右键 15 7、 轨迹动画 15 目的：为jquey 菜鸟提供一份从简单到复杂的jquery教程 1、用户无操作自动处理 默认10秒无用户操作发生，则自动跳转 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head title用户无操作/title meta http-equiv=keywords content=keyword1,keyword2,keyword3 meta http-equiv=description content=this is my page meta http-equiv=content-type content=text/html; charset=UTF-8 script type=text/javascript src=../jquery-1.7.1.js/script script type=text/javascript $(function(){ util_global_nothing_init(); $(#btn).click(function(){ util_global_nothing_reset(); }); }) var util_global_nothing_fun=null; var util_global_nothing_time=10; //监听器 function util_global_nothing_init(){ util_global_nothing(); $(document).bind(click mouseover,function(){ util_global_nothing_reset(); }); } //重置函数 function util_global_nothing_reset(){ util_global_nothing_time=10; if(util_global_nothing_fun!=null){ window.clearInterval(util_global_nothing_fun); } util_global_nothing(); } //倒计时函数 function util_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); } /script /head body input type=button value=重新开始倒计时 id=btn/ div id=mess/div /body /html 2、图层拖动 提供控件化的函数，只需要调用就可 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title拖动DIV/title script type=text/javascript src=../jquery-1.7.1.js/script script type=text/javascr