1)没有正确的键
在Web应用程序开发中,有些情况下需要禁用右击单击功能。使用此代码,jQuery开发人员可以禁用鼠标右击Web页面:
复制代码代码如下所示:
$(文档)Ready(函数(){)
捕捉右键单击上下文菜单。
$(document)。Bind(菜单
警告提示-可选
警报(没有右击)!;

删除默认上下文菜单
返回false;
});
});

2)文本缩放
使用以下代码,用户可以更需要增加或缩放网页中字体的大小,代码如下所示:
复制代码代码如下所示:
$(文档)Ready(函数(){)
找到当前字体大小
originalfontsize = $(var 'html)。Css('font-size);

增加文本大小
$(。increasefont)。Click(function(){)
currentfontsize = $(var 'html)。Css('font-size);
无功currentfontsizenumber = parseFloat(currentfontsize,10);

无功newfontsize = currentfontsizenumber * 1.2;
$('html)。Css('font-size ',newfontsize);
返回false;
});

减少文本大小
$(。decreasefont)。Click(function(){)
currentfontsize = $(var 'html)。Css('font-size);
无功currentfontsizenum = parseFloat(currentfontsize,10);

无功newfontsize = currentfontsizenum * 0.8;
$('html)。Css('font-size ',newfontsize);
返回false;
});

字体大小
$(。resetfont)。Click(function(){)
$('html)。Css('font-size ',originalfontsize);
});
});

3)在新窗口中打开链接
使用此jQuery代码,用户将单击您的站点的任何链接将在新窗口中打开:
复制代码代码如下所示:
$(文档)Ready(函数(){)
/ /选择在href HTTP的所有锚标签
/ /应用目标= _blank
$(一^ 'http' } { href =)。Attr('target','_blank);
});

4)切换样式表
你知道网站的皮肤吗下面的代码可以帮助你实现样式切换功能,如下:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(a.cssswap)。Click(function(){)
用关系中的值交换链接属性。
$('link { rel=样式})。Attr('href,$(这)。Attr('rel '));
});
});

5)回到顶端
这是回到Web站点顶部的一种非常常见的方式,特别是对于一个非常长的页面:
复制代码代码如下所示:
$(文档)Ready(函数(){)
当单击顶部链接时
$(#顶)。Click(function(){)
/ /卷动页面回到顶部
$(document).ScrollTo (0500);
}
});

6)获取鼠标的x和y坐标。
下面的代码可以得到鼠标的x和y坐标,代码如下所示:
复制代码代码如下所示:
$()。Mousemove(function(e){)
在p元素中显示x和y轴值。
$('p')。Html(X轴Y + e.pagex +轴+ e.pagey | );
});

7)检测当前鼠标坐标
使用以下代码,您可以在支持jQuery的任何地方获得当前的鼠标坐标,如下所示:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$()。Mousemove(function(e){)
(mousecoordinates美元的#)。Html(X轴位置=Y + e.pagex +轴=位置+ e.pagey);
});

8)预加载图片
此图片的预加载图片允许您在不等待的情况下提前加载图片:
复制代码代码如下所示:
jquery.preloadimagesinwebpage =函数(){
对于(var ctr = 0;CTR < arguments.length;CTR + +){
jQuery(),Attr(src
}
}

调用方法:
复制代码代码如下所示:
美元。preloadimages(照片1. GIF
确定图片是否已加载。
$(# ImageObject)。Attr('src ','image1。gif)。负荷(函数(){())
警报(已经加载了图像……);
});