- 浏览: 304451 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (243)
- Core Java (13)
- Java (12)
- Android (2)
- Lucene (3)
- J2EE (3)
- Hibernate (2)
- Jsp & Servlet (3)
- Struts2 (3)
- Spring (5)
- JSF (6)
- RichFaces (2)
- HTML & JS & DOM & CSS (87)
- browser (1)
- Ajax & A4J (2)
- Workflow (1)
- Maven (3)
- Linux (2)
- VM & VBOX (1)
- Tomcat (1)
- Cache (3)
- Others (36)
- design (1)
- PHP (1)
- Try.js (1)
- HTML5 && CSS3 && ECMAScript5 (26)
- 疯言疯语 (5)
- mongodb (2)
- Hardware Common Sence (1)
- RESTful (3)
- Nginx (2)
- web安全 (8)
- Page Design (1)
- web performance (1)
- nodejs (4)
- python (1)
最新评论
-
New_Mao_Er:
求最新的版本破解啊!!!
Omondo eclipseUML插件破解 -
konglx:
讲得仔细,谢了
全面分析 Spring 的编程式事务管理及声明式事务管理 -
cilendeng:
对所有post有效只能使用过滤器
说说Tomcat的Server.xml的URIEncoding=‘UTF-8’配置 -
jiulingchen:
mark了,灰常感谢!
JAVA中最方便的Unicode转换方法 -
anlaetion:
这算法可以有
js 字符串搜索算法
//获取元素的样式值。 function getStyle(elem,name){ if(elem.style[name]){ return elem.style[name]; }else if(elem.currentStyle){ return elem.currentStyle[name]; }else if(document.defaultView&&document.defaultView.getComputedStyle){ name=name.replace(/([A-Z])/g,"-$1"); name=name.toLowerCase(); var s=document.defaultView.getComputedStyle(elem,""); return s&&s.getPropertyValue(name); }else{ return null } } //获取元素相对于这个页面的x和y坐标。 function pageX(elem){ return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft; } function pageY(elem){ return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop; } //获取元素相对于父元素的x和y坐标。 function parentX(elem){ return elem.parentNode==elem.offsetParent?elem.offsetLeft:pageX(elem)-pageX(elem.parentNode); } function parentY(elem){ return elem.parentNode==elem.offsetParent?elem.offsetTop:pageY(elem)-pageY(elem.parentNode); } //获取使用css定位的元素的x和y坐标。 function posX(elem){ return parseInt(getStyle(elem,"left")); } function posY(elem){ return parseInt(getStyle(elem,"top")); } //设置元素位置。 function setX(elem,pos){ elem.style.left=pos+"px"; } function setY(elem,pos){ elem.style.top=pos+"px"; } //增加元素X和y坐标。 function addX(elem,pos){ set(elem,(posX(elem)+pos)); } function addY(elem,pos){ set(elem,(posY(elem)+pos)); } //获取元素使用css控制大小的高度和宽度 function getHeight(elem){ return parseInt(getStyle(elem,"height")); } function getWidth(elem){ return parseInt(getStyle(elem,"width")); } //获取元素可能,完整的高度和宽度 function getFullHeight(elem){ if(getStyle(elem,"display")!="none"){ return getHeight(elem)||elem.offsetHeight; }else{ var old=resetCss(elem,{display:"block",visibility:"hidden",position:"absolute"}); var h=elem.clientHeight||getHeight(elem); restoreCss(elem,old); return h; } } function getFullWidth(elem){ if(getStyle(elem,"display")!="none"){ return getWidth(elem)||elem.offsetWidth; }else{ var old=resetCss(elem,{display:"block",visibility:"hidden",position:"absolute"}); var w=elem.clientWidth||getWidth(elem); restoreCss(elem,old); return w; } } //设置css,并保存旧的css function resetCss(elem,prop){ var old={}; for(var i in prop){ old[i]=elem.style[i]; elem.style[i]=prop[i]; } return old; } function restoreCss(elem,prop){ for(var i in prop){ elem.style[i]=prop[i]; } } //显示和隐藏 function show(elem){ elem.style.display=elem.$oldDisplay||""; } function hide(elem){ var curDisplay=getStyle(elem,"display"); if(curDisplay!="none"){ elem.$oldDisplay=curDisplay; elem.style.display="none"; } } //设置透明度 setOpacity(elem,40) function setOpacity(elem,num){ if(elem.filters){ elem.style.filter="alpha(opacity="+num+")"; }else{ elem.style.opacity=num/100; } } //滑动 function slideDown(elem){ var h=getFullHeight(elem); elem.style.height="0px"; show(elem); for(var i=0;i<=100;i+=5){ new function(){ var pos=i; setTimeout(function(){elem.style.height=(pos/100*h)+"px";},(pos*10)); } } } //渐变 function fadeIn(elem){ show(elem); setOpacity(elem,0); for(var i=0;i<=100;i+=5){ new function(){ var pos=i; setTimeout(function(){setOpacity(elem,pos);},(pos+1)*10); } } } //获取鼠标光标相对于整个页面的位置。 function getX(e){ e=e||window.event; return e.pageX||e.clientX+document.body.scrollLeft; } function getY(e){ e=e||window.event; return e.pageY||e.clientY+document.body.scrollTop; } //获取鼠标光标相对于当前元素的位置。 function getElementX(e){ return (e&&e.layerX)||window.event.offsetX; } function getElementY(e){ return (e&&e.layerY)||window.event.offsetY; } //获取页面的高度和宽度 function getPageHeight(){ var de=document.documentElement; return document.body.scrollHeight||(de&&de.scrollHeight); } function getPageWidth(){ var de=document.documentElement; return document.body.scrollWidth||(de&&de.scrollWidth); } //获取滚动条的位置。 function scrollX(){ var de=document.documentElement; return self.pageXOffset||(de&&de.scrollLeft)||document.body.scrollLeft; } function scrollY(){ var de=document.documentElement; return self.pageYOffset||(de&&de.scrollTop)||document.body.scrollTop; } //获取视口的高度和宽度。 function windowHeight() { var de = document.documentElement; return self.innerHeight||(de && de.offsetHeight)||document.body.offsetHeight; } function windowWidth() { var de = document.documentElement; return self.innerWidth||( de && de.offsetWidth )||document.body.offsetWidth; }
[转自 :http://www.jb51.net/article/20809.htm ]
- jquery-sublib.rar (1.6 KB)
- 下载次数: 10
发表评论
-
循环数组的逻辑怎么写
2015-03-23 10:24 615应用场景这样的: var imgUrls = [ ... -
发布`代码生成器`
2014-11-17 00:45 557闲话不说,直接上地址 npm: https://www. ... -
MutationObserver
2014-10-27 15:29 1062MutationObserver MutationObse ... -
a simple mvvm library - bird
2014-10-09 18:26 697see here:https://github.com/i ... -
遍历dom tree是一件相当耗时的事情
2014-09-23 01:15 702遍历dom tree是一件相当耗时的事情,尤其是在遍历的同时 ... -
今天再讲下js里的继承
2014-09-18 00:27 660js的继承说简单也很简单,请看: function ... -
Text 类型
2014-09-05 18:52 804文本节点由Text类型表 ... -
JavaScript插入动态脚本
2014-09-05 18:47 605动态脚本指的是在页面加载时不存在,但将来的某一时刻通过修改该 ... -
innerHTML插入<style>元素
2014-09-05 18:37 1106通过innerHTML写入<style>元素没 ... -
CSS实现相对浏览器窗口定位彻底研究
2014-09-05 18:33 3661Web Developer / Designer 经常需要将 ... -
JavaScript插入动态样式
2014-09-05 18:07 570能够把CSS样式包含到HTML页面中的元素有两个。其中,& ... -
再理解jQuery;delete原型属性
2014-05-13 22:05 1819以前用jQuery的时候曾粗略看了它的源码,但却不求甚解。 ... -
javascript &&和||
2012-07-23 00:38 678一直以为 && 和 || ... -
undefined 和 void 0 的区别
2012-07-20 11:15 679在读backbone源码时看见这么一段代码: if ( ... -
Fiddler - 前端开发值得拥有
2012-07-16 14:41 789最近换了新工作,搬了新家,换了新室友,一切都在重新开始。 ... -
说说我的web前端之路,分享些前端的好书
2012-07-16 14:38 761WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没 ... -
JavaScript实现 页面滚动图片加载
2012-07-16 14:29 645又到了这个月的博客时间了,原计划是打算在这个月做一个的功 ... -
JavaScript 操作 Cookie
2012-07-16 11:18 650从事web开发也有些日 ... -
Javascript定义类(class)的三种方法
2012-07-12 12:35 561程序员们做了很多探索,研究如何用Javascript模拟”类” ... -
服务端解决跨源共享
2012-06-21 10:18 4491跨源资源共享是web开发领域中一个非常有趣的话题,互联网 ...
相关推荐
jQuery之父John Resig所写的。书中的内容确实比较高级些,并非如犀牛书般的基础参考而已。这本书看下来的感觉就是:果然是JQ之父写的!为什么这样说呢,因为这本书可以说是JQ的源码解读。
jQuery之父John Resig 力作,我看了。很好的东西,对朋友们学习框架Prototype、jQuery等,有启示迪人的作用!【推荐!】
John Resig is an acknowledged JavaScript authority and the creator of the jQuery library. Bear Bibeault is a web developer and coauthor of Ajax in Practice, Prototype and Scriptaculous in Action, and ...
由jQuery作者John Resig编写的JavaScript经典之作 Apress出版社出版 适合有一定JavaScript基础的人学习
由jQuery作者John Resig编写的JavaScript经典之作 Apress出版社出版 适合有一定JavaScript基础的人学习
由jQuery作者John Resig编写的JavaScript经典之作 Apress出版社出版 适合有一定JavaScript基础的人学习
由jQuery作者John Resig编写的JavaScript经典之作 Apress出版社出版 适合有一定JavaScript基础的人学习
《JavaScript忍者秘籍》┊John Resig,带书签高清完整版PDF,仅供学习参考!
本书内容极具深度,技术含量高,作者是jQuery JavaScript库的创造者,在JS领域享有盛誉。 JavaScript语言非常重要,相关的技术图书也很多,但没有任何一本书对JavaScript语言的重要部分(函数、闭包和原型)进行...
JQuery大师的力作,也是JavaScript的经典教程!不可不看!
jQuery作者John Resig写的书
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript框架,在世界前10000个访问最多...
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。...
JQuery作者John Resig的大作,喜欢js的朋友不要错过。
本文档基于John Resig的高级JavaScript网站。 如果这些概念对您而言似乎很复杂,那么我建议您使用,同时也强烈建议您使用。 如果您认为自己了解大多数这些概念,则可以尝试一下然后就可以开始了。 内容 目标 为了...