数码资讯
可用于开发的jQuery提示
1)没有正确的键 在Web应用程序开发中,有些情况下需要禁用右击单击功能。使用此代码,jQuery开发人员可以禁用鼠标右击Web页面: 复制代码代码如下所示: $(文档)Ready(函数(){) 捕捉右键单击上下文菜单。 $(document)。Bind(菜单 警告提示-可选 警报(没有右击)!;
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
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)。负荷(函数(){())
警报(已经加载了图像……);
});
在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)。负荷(函数(){())
警报(已经加载了图像……);
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。