03 2014 档案
摘要：环形效果是不是相当的诱人，首先看几个例子：1、colorful-clock --- 漂亮2、CSS3+js实现多彩炫酷旋转圆环时钟效果 --- very good3、Percentage Loader --- 帅colorful-clock效果图如下：有没有更刺激的，接下来见证奇迹的时刻，如下图（精致）：在此之前，在回顾下前两个例子：1、时钟效果_raphael.js2、幸运大抽奖实现原理：第一步：构造圆环r.customAttributes.arc = function(value, total, R) { var alpha = 360 / total * value, ...
阅读全文
摘要：时钟效果，很久很久以前由flash提供网页的各种有趣的效果，近些年由html5推出canvas后，canvas与之博弈。现在讲的是用raphaeljs实现时钟效果。raphaeljs封装了svg和vml操作方法，SVG(Scalable Vector Graphics)可缩放矢量图形。VML(The Vector Markup Language)矢量可标记语言。先饱饱眼福，win7中的时钟效果show下，见下图：接下来亮相的时钟效果图（金属光泽的超质感），见下图：简单描述实现原理：第一步：画时钟。时钟圆盘、时钟时分秒指针、刻度、时间。画图方法circle、rect、text。// 画时钟表盘r
阅读全文
摘要：幸运大抽奖全新来袭，现在普遍的抽奖活动都是由flash开发的，然而，今天向大家展示由js实现的抽奖。早在2012年的时候写过一篇文章关于js抽奖的《javascript 抽奖》。 借助raphaeljs插件实现，官网：http://raphaeljs.com 中文文档：http://lab.julying.com/raphael-js/docs/ 幸运大抽奖已两种方式展现，一种是圆盘旋转（猎豹式），另一种是指针旋转（考拉式），实现抽奖三部曲。第一部：绘制圆盘和指针。var r = Raphael("test",300,300);// 绘制圆盘r.image...
阅读全文
摘要：tooltip提示信息插件原理：定位元素在页面中的位置即坐标信息，将显示节点元素插入到body中绝对应为到相应位置，显示内容从指定元素的属性(dataMess)中获取或者通过设置获取。使用方法：$("#test").iTooltip({"posType":"top"}); 测试数据中。。。">测试 tooltip提示插件 测试数据中。。。">测试左测试数据中。。。">测试上测试数据中。。。">测试右测试数据中。。。">测试下测试数据中。。。"&g
阅读全文
摘要：本来打算写关于手机端的知识，想了想先从meta着手。接下来请大家看几个网站的例子。一、天猫(http://m.tmall.com)天猫触屏版 二、淘宝(http://m.taobao.com)淘宝网触屏版三、京东(http://m.jd.com) 京东 - 手机版 四、网易(http://3g.163.com)手机网易网五、百度(http://m.baidu.com)meta指元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容...
阅读全文
