首页 > 代码库 > 非常好的javascript 代码
非常好的javascript 代码
与其他Javascript类库冲突解决方案$(document).ready(function() {var $jq = jQuery.noConflict();$jq(‘#id‘).show();});
使元素居屏幕中间位置$(document).ready(function() {jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px"); this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px"); return this; } $("#id").center(); });
使整个DIV可点击 $(document).ready(function() {$("div").click(function(){window.location=$(this).find("a").attr("href"); return false; }); // how to use <DIV><A href="http://www.mamicode.com/index.html">home</A></DIV>});
jQuery延时加载功能view plaincopy to clipboardprint?$(document).ready(function() {window.setTimeout(function() { }, 1000); });
获得鼠标指针XY值 $(document).ready(function() { $().mousemove(function(e){ $(‘#XY‘).html("X Axis : " + e.pageX + " | Y Axis " + e.pageY); }); // how to use<DIV id=XY></DIV>});
返回页面顶部功能 $(document).ready(function() { $(‘a[href*=#]‘).click(function() {if (location.pathname.replace(/^\//,‘‘) == this.pathname.replace(/^\//,‘‘) && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $(‘[name=‘ + this.hash.slice(1) +‘]‘); if ($target.length) { var targetOffset = $target.offset().top; $(‘html,body‘).animate({scrollTop: targetOffset}, 900); return false; }} }); // how to use <A name=top></A> <A href="http://www.mamicode.com/#top">go to top</A> });
页面样式切换 $(document).ready(function() { $("a.Styleswitcher").click(function() { $(‘link[rel=stylesheet]‘).attr(‘href‘ , $(this).attr(‘rel‘));});// how to use <LINK href="http://www.mamicode.com/default.css" type=text/css rel=stylesheet> // the links <A class=Styleswitcher href="http://www.mamicode.com/#" rel=default.css>Default Theme</A><A class=Styleswitcher href="http://www.mamicode.com/#" rel=red.css>Red Theme</A><A class=Styleswitcher href="http://www.mamicode.com/#" rel=blue.css>Blue Theme</A>});
预加载图片 $(document).ready(function() { jQuery.preloadImages = function() { for(var i = 0; i").attr("src", arguments[i]); }};// how to use$.preloadImages("image1.jpg"); });
禁止右键点击 $(document).ready(function(){$(document).bind("contextmenu",function(e){ return false;});});
用下面方法,可以简单又可靠的得到一个变量是否一个数组:Object.prototype.toString.apply(value) === ‘[object Array]‘
非常好的javascript 代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。