代码改变世界

实现RGB与Hex相互转换

2011-04-08 17:02 by Matin, 1873 阅读, 1 推荐, 收藏, 编辑
摘要:Rgb采用的是10进制的方法,而hex是16进制;2者相互转换的原理就是利用进制的相互转换;现在CSS3中可以采用Rgba模式;jQuery里面没有实现这个工具,mooTools有实现,关于10进制和16进制之间的转换方法和原理,这里不详细介绍,大伙可以自己找点资料读下; 先是HextoRgb:hexToRgb:function(hexStr,opacity,plainArr){ var hex=... 阅读全文

异步处理节点innerHTML

2011-04-06 17:04 by Matin, 539 阅读, 0 推荐, 收藏, 编辑
摘要:innerHTML这个方法在很多时候都非常好用,尽管在不同的浏览器中有些这样或者那样的问题;有时,假设你现在需要处理一个innerHTML值较大的节点,(PS:一般来说,我们应该尽可能的使innerHTML as simple as possible;),尤其在IE6中,如果处理大节点的innerHTML有可能使得浏览器处于假死状态,下面就是一种处理前面提到的那种“确实需求”的方法://基本上原理... 阅读全文

[jQuery1.5.1]animate方法源码阅读

2011-04-03 16:36 by Matin, 435 阅读, 0 推荐, 收藏, 编辑
摘要:jquery本身的动画较之mootools,总体上感觉稍微有点逊色,不过因为其有强大的插件,加上API易读型,易用性等备受青睐,在动画效果方面,API提供了比如一些比较实用的Effects,下面是main方法animate:/*7536-7646*/animate: function( prop, speed, easing, callback ) { if ( jQuery.isEmptyObj... 阅读全文

[Ajax]数据请求的简单分析

2011-02-28 13:12 by Matin, 211 阅读, 0 推荐, 收藏, 编辑
摘要:Ajax使用的关键对象是XmlHttpRequest对象,但是涉及到跨浏览器的的问题,所以,需要创建一个具兼容性的对象,比如:function xmlHttpR(){ var xmlhttp;if(window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}else{try{xmlhttp=new ActiveXObject("Msxml2.XMLHT... 阅读全文

[Javascript]自适应高度的Tab选项卡

2011-02-28 10:51 by Matin, 487 阅读, 0 推荐, 收藏, 编辑
摘要:选项卡的原理其实比较简单,就是设置2种状态,选中和未选中的2中不同CSS状态,因此也有直接不用JS之用css就能实现的效果;JS部分具体的代码如下:var getSiblingNode=function(className,elAr,el,not){className=" "+className+" "; var Arr=[]; for(var i=0,l=elAr.length;i<l;i++)... 阅读全文

关于window.pageYOffset和document.documentElement.scrollTop

2011-01-07 12:34 by Matin, 1346 阅读, 0 推荐, 收藏, 编辑
摘要:window.pageYOffset:Netscape属性,指的是滚动条顶部到网页顶部的距离,举个例子: Css:假定进行如下简单设置; html{height:1000px;} JS: function(){ window.scrollBy(0,100); alert(window.pageYOffset); } Results: //点击一次后弹出:100;得出的是一个数值,read-only... 阅读全文