摘要：
在html4中type 被list-style-type给替代了，start 和value几乎不常用，很少看到有这样的代码，但是html5的新标准这几个属性又重新被捡回来了。1）个人感觉使用type 属性list-style-type 简单，也容易记忆下面来对应下这两个之间的关系 type list-style-type type="1"decimal(默认样式)type="a"lower-alphatype="A"upper-alphatype="i"lower-romantype="I"up 阅读全文
摘要：
上文对html5支持的浏览器的拖拽效果进行了分析，本文不采用任何库，来分析下拖拽的过程先想想我们平时拖拽是怎么操作的，大致可以分为几下几个步骤：鼠标按下，鼠标移动，拖拽，被拖动的物件跟着走鼠标松开，物件停止，无拖动了计算距离，拖拽的距离（鼠标移动）对应在事件上就是onmousedown，onmousemove ，开始拖拽onmouseup ，停止拖拽计算相对的拖拽距离下面我们按照这种思路，写一个拖拽效果,假设我们拖动标题，这块的内容就跟着走。首先我们来写一个含有标题和内容的块css为：#doc{border:1px solid #a0b3d6; background:white;positio 阅读全文
摘要：
一些网友给我反馈，希望我给下详细的demo，其实我觉得学习知识还是要自己动手，亲身实践下才体会深刻，顾没有提供可以使用的demo给大家直接下载下来看效果了，但是为了大家对我的期望，后面写的一些文章，如有必要，我都会给大家提供demo，供大家参考的。 好了，进入正题，经常在网站上看到各种拖动的效果，很酷，如，百度新首页，接下来我来分析下拖动到底是什么实现的。一、html5现在已经提供支持拖动和拖放的API了，所以，支持html5的浏览器可以不必折腾了，直接使用吧。 关于html5的拖拽api 请查看http://dev.w3.org/html5/spec/dnd.html以下摘录一些 比... 阅读全文
摘要：
最近在项目中需要做图片的旋转功能，我研究了一下。下面来总结下图片旋转在各个浏览器的支持情况一、图片旋转的方案1）css3实现图片旋转功能：支持的浏览器有chrome，firefox；opera是不支持的。 具体代码为：-moz-transfrom:rotate(90deg);-webkit-ransfrom:rotate(90deg);上述代码的意思就是将图片顺时针旋转90度，其实可以旋转任意的度数。但是支持css3的浏览器只有chrome，firefox3.6 ，safari，ie浏览器是不支持的。那么IE下该怎么处理呢？于是就有了下面的一种方案2）在IE下通过滤镜来实现旋转 具体代码为.. 阅读全文