8超级功能的jQuery功能代码共享

8超级功能的jQuery功能代码共享
在这篇文章中,我们将分享8个超级jQuery users.jquery实用技巧是在Javascript中最好的图书馆,主要为动画、事件处理,支持AJAX和HTML脚本的客户。此外,jQuery也有各种插件来帮助开发人员在短时间内快速建立网站/网页。

分享这些实用的代码,希望大家会喜欢。

1)禁用右击功能

如果要为用户保存网站信息,开发人员可以使用此代码-禁用右击-单击功能。

复制代码代码如下所示:

$(文档)Ready(函数(){)

捕捉右键单击上下文菜单。

$(document)。Bind(菜单

警告提示-可选

警报(没有右击)!;

删除默认上下文菜单

返回false;

});

});
2)使用jQuery设置文本大小

使用此代码,用户可以根据需要重新配置文本大小(增加或减少)。

复制代码代码如下所示:

$(文档)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)在新窗口中打开链接

使用此代码将帮助用户在新窗口中打开链接,并为用户带来更好的用户体验。

复制代码代码如下所示:

$(文档)Ready(函数(){)

/ /选择在href HTTP的所有锚标签

/ /应用目标= _blank

$(一^ 'http' } { href =)。Attr('target','_blank);

});
4)更改样式列表

使用此代码可以帮助您更改样式列表。

复制代码代码如下所示:

$(文档)Ready(函数(){)

$(a.cssswap)。Click(function(){)

用关系中的值交换链接属性。

$('link { rel=样式})。Attr('href,$(这)。Attr('rel '));

});

});
5)返回到顶部链接

这段代码对长时间单击一个页面非常有用,并且可以在关键时刻单击顶部函数。

复制代码代码如下所示:

$(文档)Ready(函数(){)

当单击顶部链接时

$(#顶)。Click(function(){)

/ /卷动页面回到顶部

$(document),ScrollTo(0500);

}

});
6)获取鼠标指针的x / y轴。

复制代码代码如下所示:

$()。Mousemove(function(e){)

在p元素中显示x和y轴值。

$('p')。Html(X轴Y + e.pagex +轴+ e.pagey | );

});
7)检测当前鼠标坐标

使用此脚本,您可以在任何网络浏览器中获得鼠标坐标。

复制代码代码如下所示:

$(文档)Ready(函数(){)

$()。Mousemove(功能(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)。负荷(函数(){())

警报(已经加载了图像……);

});

tag:功能代码电脑软件jquery

相关内容