摘要: 用过canvas的人都知道,在这个画布上面可以制作各种各样的动画效果,想必大家都用过这个。晒晒刚刚用这个做的一个demo:现在来画一个圆看看:demo.js:var can,ctx,count = 1,w,h,i;can = document.getElementById('can');ctx = ... 阅读全文
posted @ 2015-07-02 22:05 微宇宙 阅读(1915) 评论(0) 推荐(0)
摘要: 重要的一点,就是scrollLeft一直在变化。对象一直在移动,参照物没有动。代码:css:#div1{display:black;width:110px;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;backgrou... 阅读全文
posted @ 2015-06-10 23:46 微宇宙 阅读(9167) 评论(1) 推荐(0)
摘要: http://www.w3cplus.com/sassguide/install.html先下载ruby$ gem sources$ gem sources --remove https://rubygems.org/$ gem sources -a https://ruby.taobao.org/... 阅读全文
posted @ 2015-05-06 11:29 微宇宙 阅读(1008) 评论(0) 推荐(1)
摘要: 首先,我们有一个编辑器,有一个简单的HTML页面,页面的级别分别 --> html -->head[title,meta,script,link]-- body,然后再新建一个index.js页面,专门编写javascript代码。后面再建一个style.css页面。html页面 DO... 阅读全文
posted @ 2015-04-29 22:11 微宇宙 阅读(4551) 评论(0) 推荐(0)
摘要: 我记得,在工作中直接使用animation,只要能做出动画就完了,根本没有看每一个细节。 其实,这样做对于我们来说,的确没有错,因为工作中没有时间给你看每一个细节,大致看一篇就没下文了。 当我们想要好好理清头绪时,我才会想起以前见过的每一个知识点,然而这样做也没有错,但是这样做很明显不是明智的选择。... 阅读全文
posted @ 2015-04-14 22:40 微宇宙 阅读(2412) 评论(0) 推荐(0)
摘要: 首先,说一下clip-path属性,以前我也没有见过这个clip-path属性,网上搜了一下,原来clip-path是‘剪切’的意思。clip-path:polygon(x,y)属性,polygon(x,y)内的x表示横坐标的位置(px %),y表示纵坐标的位置(px %)。说到底,这个clip-p... 阅读全文
posted @ 2015-04-13 22:15 微宇宙 阅读(668) 评论(0) 推荐(0)
摘要: 说明 scrollTop(offset)表示滚动的高度,offset表示相对顶部的偏移,以像素计为单位。 滚动功能 scrollTop()表示滚动时,既能"设置"滚动值,也能"获取"滚动值。当设置滚动值时,该方法就会设置所有匹配元素的滚动值;当获取滚动值时,该方法只返回第一个匹配元素的滚动位置。 获 阅读全文
posted @ 2015-04-12 22:31 微宇宙 阅读(843) 评论(0) 推荐(0)