ZO的仓库

导航

2015年1月9日 #

CSS3 Animation

摘要: CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这些我想足以让大家激动了一阵子,今天我们趁着这个热劲继续第三个动画属性Animation的学习,单从A... 阅读全文

posted @ 2015-01-09 15:46 MIXZO 阅读(218) 评论(0) 推荐(0) 编辑

CSS3 Transition

摘要: 上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得... 阅读全文

posted @ 2015-01-09 15:44 MIXZO 阅读(155) 评论(0) 推荐(0) 编辑

CSS3 Transform

摘要: 前面我们一起学习了CSS3中的渐变、圆角、阴影等几个属性的使用,今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Tra... 阅读全文

posted @ 2015-01-09 15:40 MIXZO 阅读(143) 评论(0) 推荐(0) 编辑

jQuery 屏蔽鼠标快速经过

摘要: 导航:var navFun = function() { var mouseover_tid = []; var mouseout_tid = []; $(".header .nav li").each(function(index) { $(this).hover( functi... 阅读全文

posted @ 2015-01-09 15:37 MIXZO 阅读(213) 评论(0) 推荐(0) 编辑

JQ插件jquery.fn.extend与jquery.extend

摘要: jQuery为开发插件提拱了两个方法,分别是:JavaScript代码jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(objec... 阅读全文

posted @ 2015-01-09 15:36 MIXZO 阅读(205) 评论(0) 推荐(0) 编辑

font-size单位换算

摘要: PointsPixelsEmsPercent6pt8px0.5em50%7pt9px0.55em55%7.5pt10px0.625em62.5%8pt11px0.7em70%9pt12px0.75em75%10pt13px0.8em80%10.5pt14px0.875em87.5%11pt15px0... 阅读全文

posted @ 2015-01-09 15:35 MIXZO 阅读(628) 评论(0) 推荐(0) 编辑

js获取客户端操作系统

摘要: functiondetectOS(){varsUserAgent=navigator.userAgent;varisWin=(navigator.platform=="Win32")||(navigator.platform=="Windows");varisMac=(navigator.platf... 阅读全文

posted @ 2015-01-09 15:34 MIXZO 阅读(562) 评论(0) 推荐(0) 编辑

js数组的操作

摘要: 1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, .... 阅读全文

posted @ 2015-01-09 15:31 MIXZO 阅读(164) 评论(0) 推荐(0) 编辑

一些实用的JS

摘要: 1.str.split(/\s+/)这句是表示以和/\s+/匹配的字符串作为分界,分割字符串str比如一个空格或者多个或者空格以及回车等 其中+表示一个或者多个var a = "b-c-d";var d = a.split("-");alert(d[1]); //c2.var up_class;i... 阅读全文

posted @ 2015-01-09 15:30 MIXZO 阅读(222) 评论(0) 推荐(0) 编辑

HTML 5 canvas —— 基本语法

摘要: 目录简述canvas 基础2D context API基本线条路径插入图像像素级操作文字阴影颜色渐变小节简述HTML5 规范引进了很多新特性,其中最令人期待的之一就是canvas元素。HTML 5canvas提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。每一个canva... 阅读全文

posted @ 2015-01-09 15:26 MIXZO 阅读(250) 评论(0) 推荐(0) 编辑