摘要: 留存参考jq部分;(function($){ $.fn.Xslider = function(options){var settings ={ affect: 'scrolly', //效果 有scrollx|scrolly|fade|none s... 阅读全文
posted @ 2015-05-28 12:03 laugh 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 不用click事件实现循环切换动画菜单图标使用纯CSS动画input 类型checkbox id = name = label的for属性 css.menu-item, .menu-open-button {backgroun... 阅读全文
posted @ 2015-05-15 15:18 laugh 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 1.常见的单位 dip, dp, px, sp之间的区别:dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA 推荐使用这个,不依赖像素。px: pixels(像素). 不同设备显示... 阅读全文
posted @ 2015-05-06 12:26 laugh 阅读(1928) 评论(0) 推荐(0) 编辑
摘要: http://codepen.io/canvas的各种实例1.The Responsive jQuery Content Sliderhttp://bxslider.com/2.ThemePunchSlider Revolution pluginshttp://www.themepunch.com/... 阅读全文
posted @ 2015-04-10 14:42 laugh 阅读(225) 评论(0) 推荐(0) 编辑
摘要: (function($) { "use strict"; // Cache selectors var lastId, topMenu = $(".menu-holder"), topMenuHeight = topMenu.outerHeight()+... 阅读全文
posted @ 2015-04-10 10:13 laugh 阅读(610) 评论(0) 推荐(0) 编辑
摘要: 一、获取元素 CSS大小1.通过style 内联获取元素的大小var box = document.getElementById('box'); //获取元素box.style.width; //200px、空box.style.height; //200px、空style 获取只能获取到行内sty... 阅读全文
posted @ 2015-04-05 21:46 laugh 阅读(426) 评论(0) 推荐(0) 编辑
摘要: 1.浏览器及版本号不同的浏览器支持的功能、属性和方法各有不同。比如IE 和Firefox 显示的页面可能就会有所略微不同。alert('浏览器名称:' + navigator.appName);alert('浏览器版本:' + navigator.appVersion);alert('浏览器用户代理... 阅读全文
posted @ 2015-03-26 21:56 laugh 阅读(773) 评论(0) 推荐(0) 编辑
摘要: //跨浏览器的方法var leftX = (typeof screenLeft == 'number') ? screenLeft : screenX;var topY = (typeof screenTop == 'number') ? screenTop : screenY;//可视窗口的宽和高... 阅读全文
posted @ 2015-03-24 21:35 laugh 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承:一个是接口实现,一个是继承。而ECMAScript 只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成。一、原型+对象构造之间的关系结构像链条一样,称原型链。function Box() { //Box 构造/、... 阅读全文
posted @ 2015-03-23 00:17 laugh 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 原型模式创建对象也有自己的缺点,它省略了构造函数传参初始化这一过程,带来的缺点就是初始化的值都是一致的。而原型最大的缺点就是它最大的优点,那就是共享。原型中所有属性是被很多实例共享的,共享对于函数非常合适,对于包含基本值的属性也还可以。但如果属性包含引用类型,就存在一定的问题:(传参)//原型的缺点... 阅读全文
posted @ 2015-03-22 23:06 laugh 阅读(218) 评论(0) 推荐(0) 编辑