8超级功能的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)。负荷(函数(){())
警报(已经加载了图像……);
});