11 2014 档案

排序方法两两对比
摘要：排序有一种方法，是两个相比，取其中小的，排序，然后跟下一个比，一直比下去； var arr=[99,89,0,56,4,7,2,4,1,33,22,11]; for(var i=0; i<arr.length; i++){ var iMin=9999999999999999; var iMinI... 阅读全文
posted @ 2014-11-30 20:33 jinzhu4147 阅读(965) 评论(0) 推荐(0)
简单瀑布流封装
摘要：function createLi(){ var oLi=document.createElement('li'); oLi.style.height=parseInt(50+Math.random()*400)+'px'; oLi.style.background='rgb('+rnd(0,... 阅读全文
posted @ 2014-11-30 20:10 jinzhu4147 阅读(228) 评论(0) 推荐(0)
关于scrollHeight
摘要：scrollHeight:这个属性就比较麻烦了,因为它们在火狐跟IE下简直差太多了..在火狐下还很好理解,它其实就是滚动条可滚动的部分还要加上boder的高度还要加上横向滚动条不可用的高度scrollHeight=滚动条可滚动的部分+border的高度+横向滚动条不可用的高度；在IE中 scroll... 阅读全文
posted @ 2014-11-29 16:21 jinzhu4147 阅读(400) 评论(0) 推荐(0)
获取绝对位置
摘要：function getPos(obj){ var l=0; var t=0; while(obj){ l+=obj.offsetLeft; t+=obj.offsetTop; obj=obj.offsetParent; }; return {left:l,top:t};} 用一个例子... 阅读全文
posted @ 2014-11-28 23:19 jinzhu4147 阅读(202) 评论(0) 推荐(0)
变速动动
摘要：function getStyle(obj,name){ return obj.currentStyle?obj.currentstyle[name]:getComputedStyle(obj,false)[name];};function move(obj,json,options){ optio... 阅读全文
posted @ 2014-11-28 22:56 jinzhu4147 阅读(165) 评论(0) 推荐(0)
随机数函数
摘要：function rnd(n,m){ return parseInt(Math.random()*(m-n+1)+n);} 阅读全文
posted @ 2014-11-28 22:53 jinzhu4147 阅读(147) 评论(0) 推荐(0)
cancelBubble 的用法
摘要：很简单的一题，比如说，现在有一个按钮，有一个div，点击按钮div出现，点击别的地方的时候，div隐藏, var oBtn=document.getElementById('btn'); var oUl=document.getElementById('ul1'); oBt... 阅读全文
posted @ 2014-11-27 23:53 jinzhu4147 阅读(604) 评论(0) 推荐(0)
运动函数move 各种各样的运动都可以做
摘要：在这里我说的还是那种匀速运动，主要是通过改变一个盒模形的left值和top 值，来实现运动，或者，改变模形的自身的属性，来动起来：function getStyle(obj,name){ return obj.currentStyle?obj.currentStyle[name]:getComput... 阅读全文
posted @ 2014-11-27 23:34 jinzhu4147 阅读(277) 评论(0) 推荐(0)
获取样式属性函数封装
摘要：在很多的时候都会用到这个函数，如果每用一次都写一次的话会非常麻烦，尽管是一个非常短的函数：function getStyle(obj,name){ return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj,false... 阅读全文
posted @ 2014-11-27 20:56 jinzhu4147 阅读(112) 评论(0) 推荐(0)
我封装的第一个组件，单选按钮
摘要：在用别人的组件的时候，总是感觉东西太大，用起来还得查看，别人是怎么写的，如何用，所以自己也开始学习一下封装一个组件：在这里封装了一个自定义的单选框：html代码 ： 性别： 男 女 css 部分：.my_radio_off{width:18px; height:18px; display:inl... 阅读全文
posted @ 2014-11-25 08:13 jinzhu4147 阅读(481) 评论(0) 推荐(0)
onmouseover 和onmouseout 的bug解决方案
摘要：每次在写移入移出事件的时候，就会出现bug,在IE下会闪，感觉像是在多次执行。解决的方案：写一个移入demo：oBox.onmouseover=function(ev){ var oEvent=ev||event; var oFrom=oEvent.fromElement||oEvent.rel... 阅读全文
posted @ 2014-11-23 13:02 jinzhu4147 阅读(316) 评论(0) 推荐(0)
用ready 不用onload
摘要：window.onload 比ready要慢，但是每次都写一个onready事件，又太费事了，在这里封装一个ready，以后方便用function $(fn){ if(document.addEventListener){ document.addEventListener('D... 阅读全文
posted @ 2014-11-23 12:55 jinzhu4147 阅读(191) 评论(0) 推荐(0)
事件处理程序
摘要：事件就是用户或者浏览器自身执行的某种动作。如:click,load 和mouseover,都是事件的名字，而响应某个事件的函数就叫做事件处理程序（或事件侦听器），事件处理程序的名字以‘on’开头，因此click事件的事件处理程序就是onclick,load就是onload。 阅读全文
posted @ 2014-11-19 23:18 jinzhu4147 阅读(115) 评论(0) 推荐(0)
绑定事件与解除绑定事件
摘要：事件绑定定义：一个事件可以加多次，且不会覆盖；绑定方法：1，attachEvent ('on+事件名'，函数名) 这个只兼容ie 6-82，addEventListener (事件名，函数名，false) 支持ie9+ chrom firfox;绑定事件的封装function addEvent(ob... 阅读全文
posted @ 2014-11-19 22:36 jinzhu4147 阅读(408) 评论(0) 推荐(0)
阻止页面右键事件
摘要：在这里我封装了一个阻止页面右键的函数，目前是初学，可能还不太完善： 阅读全文
posted @ 2014-11-19 22:03 jinzhu4147 阅读(298) 评论(0) 推荐(0)
拖拽效果
摘要：本人刚学JS，还很菜，在这里做了一个简单的拖拽效果，如图：废话就不多说了，直接上代码吧!html代码就一句话JS代码： var oBox=document.getElementById('box'); var disX,disY; oBox.onmousedown=function(e... 阅读全文
posted @ 2014-11-19 21:38 jinzhu4147 阅读(204) 评论(0) 推荐(0)
关于事件捕获
摘要：事件捕获setCapture把所有的事件，都干掉，只看我自己1.只支持ie2.只能对元素使用3.只能捕获鼠标的事件“该函数在属于当前线程的指定窗口里设置鼠标捕获。一旦窗口捕获了鼠标，所有鼠标输入都针对该窗口，无论光标是否在窗口的边界内。同一时刻只能有一个窗口捕获鼠标。如果鼠标光标在另一个线程创建的窗... 阅读全文
posted @ 2014-11-18 22:29 jinzhu4147 阅读(136) 评论(0) 推荐(0)
放大镜效果
摘要：放大镜效果的html 部分： 两张一样的图片，一张大图，一张小图，两张图片的比例要合适放大镜效果的JS部分：总结：感觉有两大难点1，就是距离的算法2，图片比例的算法 阅读全文
posted @ 2014-11-18 21:46 jinzhu4147 阅读(184) 评论(0) 推荐(0)