摘要:   可自定义动画执行时长、动画执行频率、动画的类型。   运行示例代码: 动画组件 时长(毫秒): FPS: 动画类型: 运动轨迹: 预览代码   动画组件的核心代码:  再来一个例子,可以记录动画播放的历史动作:动画测试 开建执行动画 暂停 继续播放 重新播放 当前动画的执行的百分比: 预览代码  ... 阅读全文
posted @ 2010-10-14 14:09 meteoric_cry 阅读(1305) 评论(1) 推荐(1) 编辑
摘要: SNS类或是微博类的产品一般都有一个功能:插入表情,如下所示:   重点:兼容IE与其它主流的浏览器,根据上一次选择的选区范围进行操作。 自己写了一个TextRange(参考了网上的一些例子和代码)  先写个例子测试一下TextRange里面的方法: 博客园插入代码好像有问题,复制到本地运行测试一下就行了 :) 下面就是插入表情的示例代码了: 阅读全文
posted @ 2010-10-14 14:01 meteoric_cry 阅读(950) 评论(2) 推荐(0) 编辑
摘要: 九宫格虽然嵌套了一些标签,但对于IE6、IE7来讲为了达到预期的美术效果,这中间需要进行权衡;无论怎么讲,他还是很多精华之处。   先看下面的效果,典型的圆角:   虽然圆角有很多的实现方案: 1、使用DIV进行模拟 2、可以使用wekit或moz的一些私有属性进行模拟… 3、使用VML进行处理 4、….   九宫格它的嵌套方式是左、中、右,大致的结构... 阅读全文
posted @ 2010-10-14 13:48 meteoric_cry 阅读(2877) 评论(0) 推荐(0) 编辑
摘要: 这是2008年阿里巴巴前端开发工程师一道布局题。     现在的要求是C必须先于A、B节点之前,如何实现? 类似于下面的结构: <div id="wrapper">     <div>C</div>     <div>A</div> ... 阅读全文
posted @ 2010-10-14 13:33 meteoric_cry 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 参数资料: msdn.microsoft.com/en-us/library/ms536452(VS.85).aspx www.w3.org/TR/2000/REC-DOM-Level-2-Traversal-Range-20001113/ranges.html#Level2-Range-setStartBefore https://developer.mozilla.org/en/DOM/... 阅读全文
posted @ 2010-10-14 11:59 meteoric_cry 阅读(6429) 评论(1) 推荐(1) 编辑