摘要: 前一阵子写demo的时候遇到这样一个问题,就是给元素添加css3或者jquery动画时,在动画结束前不能准确取到元素的css属性。1. css3动画讨论先看代码:html:changegetcss:#hehe { width: 100px; height: 100px; padding: 10px; background: red; -webkit-transition: all 10s ease-out; -moz-transition: all 10s ease-out; -o-transition: all 10s ease-out; tr... 阅读全文
posted @ 2013-10-16 13:23 破秋风 阅读(4529) 评论(0) 推荐(1) 编辑
摘要: 让背景透明,听上去不是挺容易的么?让背景色透明,很容易想到opacity,要兼容IE的话只要加上filter:alpha(opacity=?)就行了,OK,看看这个例子。html: 电话: css:html, body { margin: 0; padding: 0;}body { background: url('荷花.jpg') no-repeat;}.main { width: 300px; height: 100px; padding: 20px; color: #fff; opacit... 阅读全文
posted @ 2013-07-30 14:09 破秋风 阅读(1998) 评论(0) 推荐(0) 编辑
摘要: 其实蛮容易实现的,关键是简洁与否,下面是我自己写的。function randomSort(a){ var arr = a, random = [], len = arr.length; for (var i = 0; i .5 ? -1 : 1;}var arr = [1, 2, 3, 4, 5];arr.sort(randomsort);通过随机产生0到1的数,然后判断是否大于0.5从而影响排序,产生随机性的效果。上面我们测试的时候都是用纯数字的数组元素测试的,当然数组元素可以是字符串,也可以是对象,都是可以排序的。不过有个问题,不管是我的方法还是那... 阅读全文
posted @ 2013-07-29 16:20 破秋风 阅读(4945) 评论(2) 推荐(0) 编辑
摘要: 相信这个功能大家平时上网经常能碰到,以前也没怎么留意怎么实现的,直到项目中需要。网上一搜一大堆,单纯使用js方法也不是没有,但是由于各浏览器的安全机制不同,不是跨浏览器的。去看了几个常用的网站,都是用的透明flash遮挡“复制到剪贴板”按钮,所以当你点击“复制到剪贴板”的时候,点击的其实是flash,然后把你需要复制的内容传入到了flash,然后在通过flash的复制功能把传入的内容复制到了剪贴板。1. 准备工作准备好jquery,然后去http://www.steamdev.com/zclip/这里下载jquery.zclip.js和ZeroClipboard.swf,不过那里的ZeroCl 阅读全文
posted @ 2013-07-22 21:18 破秋风 阅读(8689) 评论(0) 推荐(1) 编辑
摘要: 今天看《JavaScript》设计模式第七章--工厂模式的时候接触到memorizing技术,简单的说就是对于某个方法,调用它的实例只在第一次调用它的时候才会进行方法中的计算,之后该实例再次调用该方法的时候就不在需要进行代码中的计算了,而是直接使用第一次调用时的计算结果。先来看一段简单的代码,主要功能是用来得知今天星期几,当然要实现这功能完全不需要我这样复杂的代码,只是为了说明这技术。function weekDay(){};weekDay.prototype = { today: function(){ var a = this.getweekDay(); ... 阅读全文
posted @ 2013-06-26 16:51 破秋风 阅读(403) 评论(1) 推荐(0) 编辑
摘要: 识别html5标签:html5添加了许多语义化的标签,比如,,什么的,当时看到这些标签的时候心想html5估计很多老式IE浏览器都不支持,也没多大重视,今天早上在群里面看到这些标签的讨论,心里顿时冒出一个疑惑,我在chrome等现代浏览器下面用这些标签固然可以,那么我在IE6/7/8下用这些标签会有什么效果了呢。于是立马动手测试。 Document nav aside效果出来了,不用想也知道这几个浏览器是不认这几个标签的,因此只是出现了一行文本:nav aside;而现代浏览器下这两个是正常的块级标签,因此有换行。我冒着试试看的心理,给nav和aside标签加上样式试... 阅读全文
posted @ 2013-06-26 10:57 破秋风 阅读(587) 评论(0) 推荐(1) 编辑
摘要: 最近在看《JavaScript设计模式》这本书,虽然内容比较晦涩,但是细品才发现此书内容的强大。刚看完第四章--继承,来做下笔记。 书中介绍了三种继承方式,类式继承、原型式继承和掺元类继承。类式继承和原型式继承用的比较多,最后一种更像是一种类共享和扩展。本文主要讨论前两者。其实就是讨论如何让一个child对象去继承parent对象的属性和方法。类式继承function Parent(name){ this.name = name; this.sex = "male";}Parent.prototype.getName = function(){ alert(this.n.. 阅读全文
posted @ 2013-06-21 11:09 破秋风 阅读(954) 评论(1) 推荐(1) 编辑