码迷,mamicode.com
首页 > 编程语言 > 详细

非常好的javascript 代码

时间:2016-12-14 07:47:06      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:find   home   ref   位置   turn   click   idt   javascrip   jpg   

 

 与其他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="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="#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="default.css" type=text/css rel=stylesheet>
 // the links
 <A class=Styleswitcher href="#" rel=default.css>Default Theme</A>

<A class=Styleswitcher href="#" rel=red.css>Red Theme</A>
<A class=Styleswitcher href="#" 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 代码

标签:find   home   ref   位置   turn   click   idt   javascrip   jpg   

原文地址:http://www.cnblogs.com/laopo/p/6174583.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!