博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
开发中可能会用到的几个 jQuery 小提示和技巧
阅读量:6093 次
发布时间:2019-06-20

本文共 2167 字,大约阅读时间需要 7 分钟。

1、禁止右键

  

$(document).ready(function() {    //catch the right-click context menu    $(document).bind("contextmenu",function(e) {                        //warning prompt - optional        alert("No right-clicking!");         //delete the default context menu        return false;    });});

 2、文本缩放

$(document).ready(function() {    //find the current font size    var originalFontSize = $('html').css('font-size');     //Increase the text size    $(".increaseFont").click(function() {        var currentFontSize = $('html').css('font-size');        var currentFontSizeNumber = parseFloat(currentFontSize, 10);         var newFontSize = currentFontSizeNumber*1.2;        $('html').css('font-size', newFontSize);        return false;    });     //Decrease the Text Size    $(".decreaseFont").click(function() {        var currentFontSize = $('html').css('font-size');        var currentFontSizeNum = parseFloat(currentFontSize, 10);         var newFontSize = currentFontSizeNum*0.8;        $('html').css('font-size', newFontSize);        return false;    });     // Reset Font Size    $(".resetFont").click(function(){    $('html').css('font-size', originalFontSize);  });});

 3、新窗口打开连接

 

$(document).ready(function() {    //select all anchor tags that have http in the href    //and apply the target=_blank    $("a[href^='http']").attr('target','_blank');});

 

 4、样式表切换

 

$(document).ready(function() {    $("a.cssSwap").click(function() {        //swap the link rel attribute with the value in the rel           $('link[rel=stylesheet]').attr('href' , $(this).attr('rel'));    });});

 

 5、回到顶部

$(document).ready(function() {    //when the id="top" link is clicked    $('#top').click(function() {        //scoll the page back to the top        $(document).scrollTo(0,500);    }});

 6、获取鼠标的 X、Y 坐标

$(obj).mousemove(function(e){    //display the x and y axis values inside the P element    $('p').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);});

 7、检测当前鼠标的坐标

$(document).ready(function() {    $(obj).mousemove(function(e){    $('# MouseCoordinates ').html("X Axis Position = " + e.pageX + " and Y Axis Position = " + e.pageY);});

 

 

 

转载于:https://www.cnblogs.com/hutuzhu/p/3585889.html

你可能感兴趣的文章
以太坊·代币开发详解
查看>>
LibreOffice 中文版安装指南
查看>>
c++中调用c代码的3 种方法
查看>>
ISO C 标准定义的头文件
查看>>
nginx配置
查看>>
joomla1.5前台组件开发过程分享(附中文开发教程两本)
查看>>
Sharepoint 2013企业内容管理学习笔记(二) 全自动化内容管理
查看>>
DateDiff()倒计时
查看>>
c++11新特性--decltype auto
查看>>
RawCap
查看>>
screen命令的最常见的使用方法
查看>>
我的友情链接
查看>>
Erlang教程
查看>>
linux服务器安装weblogic实战
查看>>
PostgreSQL从继承到分区(二)
查看>>
Windows7下彻底卸载MySQL5.5.21
查看>>
MySQL主从失败, 错误Got fatal error 1236解决方法
查看>>
我的友情链接
查看>>
操作系统内核
查看>>
AU14笔记-2
查看>>