摘要：
心血来潮想用js做个方格移动的图片轮换，于是捣鼓了小半天弄出来了。DEMO下载效果如下： 阅读全文
摘要：
以前在花瓣上看到的一个搜索框交互效果，找不到了。搜索标志获得焦点的时候拉伸成搜索框，失去焦点的时候缩回搜索标志，输入内容回车，则会先缩回搜索标志，而后旋转模拟loading。DEMO下载效果如图：----------------------------------------------------... 阅读全文
摘要：
有时我们可能想要从一个页面跳转到另一个页面的过渡变得柔和些，也即是，点击链接后，当前页面渐隐，而后跳转渐显新页面的效果。可以使用jquery轻易实现。效果：页面1：页面1opacity2页面1页面2：页面2opacity页面2原理：$(function(){$("html").css("opacit... 阅读全文
摘要：
文章过长，一篇无法保存IE下及标准浏览器下的图片旋转（二）——Canvas（1）同样，作为最后，我们使用使用jquery也为canvas写个旋转demo：javascript：$(function(){varw=$("#pic").width();varh=$("#pic").height();v... 阅读全文
摘要：
javascript原生有许多方法，jquery自己也有一套封装好的方法，jquery自己的选择器非常方便，但有时候我们需要 使用原生的一些方法，如果我们使用jquery选择元素，直接调用原生javascript的方法就会出现错误。例如我们要输出一张图片的宽度：原生js：javascript:var... 阅读全文
摘要：
文章过长，一篇无法保存。IE下及标准浏览器下的图片旋转（一）——滤镜，CSS33.canvascanvas 是html5中的新标签，使用canvas之前我们先看下它的定义：标签只是图形容器，您必须使用脚本来绘制图形。这个标 签是用来绘图的，包括2d和3d，拥有很多方法，因为我们只是拿来实现图片的旋转... 阅读全文
摘要：
关于图片的旋转，一般来说有3种解决方案：（1）滤镜（2）css3（3）canvas。接下来逐一讲解。为了方便理解，我们主要以90度整倍数讲解，兼顾其他角度。1.滤镜（IE专属）1.1旋转滤镜语法如下：filter:progid:DXImageTransform.Microsoft.BasicImag... 阅读全文
摘要：
页面布局常用的方式有两种，浮动（float）和定位（position），定位已经讲过了（关于position定位及z-index的理解），这篇主要讲浮动，而浮动和清理浮动是成对出现的，所以也一并讲了。理解浮动前，我们需要一些前置条件：1.盒模型；2.文档流；1.盒模型一个元素的width或者heig... 阅读全文
摘要：
我们在写页面时经常会遇到让一个元素自动居中显示的需求，这个元素有可能是块级元素，有可能是行内元素，也可能是文字等等，而居中的需求有可能是水平居中，垂直居中或者两者同时居中。据我目前了解，居中有四种方式：1.利用table表格特性；2.使用table-cell属性以table方式渲染；3.margin... 阅读全文
摘要：
position属性规定元素的定位类型，顾名思义，它是用来描述元素使用什么方式，如何来定义位置的属性。position的值有 5个：absolute（绝对定位），fixed（固定定位），relative（相对定位），static（默认值），inherit（继承）。我们所 要理解的只是前4种，对于in... 阅读全文