web前端
文章平均质量分 55
吃完饭想睡觉
这个作者很懒,什么都没留下…
展开
-
简单的js编写日历
日期函数(Date()) 这个函数 (对象) 可以设置我们本地 日期。 年月日 时分秒 1.创造声明一个新的日期函数 赋值给了 date var arr = new Array(); 2.使用函数: var date = new Date();原创 2016-10-03 09:02:10 · 484 阅读 · 0 评论 -
微博发布
原创 2016-10-03 09:35:41 · 325 阅读 · 0 评论 -
星座运势
当我们打开腾讯首页时总会看到这样一个图,这是怎么做出来的呢? 1.首先,先取素材。代开审查元素,保存星座的图以及运势的背景图片 2.编写布局代码 3. 星级的生成:让亮的星星覆盖灰色的星星,$("sta").style.width = arr[this.value] * 8 + "px"; 星座图标的生成:每个图标为50像素原创 2016-10-03 09:39:06 · 562 阅读 · 0 评论 -
canvas进阶
Canvas颜色样式和阴影 1.设置填充和描边的颜色 fillStyle : 设置或返回用于填充绘画的颜色; strokeStyle: 设置或返回用于笔触的颜色。 以上两个值都可以接受颜色名,16进制数据,rgb值,甚至rgba. 一般先进行设置样式然后进行绘制。 例如: ctx.strokeStyle = "原创 2016-10-03 15:31:09 · 369 阅读 · 0 评论 -
canvas要点
注意: 1.不要用CSS控制它的宽和高,会走出图片拉伸; 2.重新设置canvas标签的宽高属性会让画布擦除所有的内容; 3.可以给canvas画布设置背景色。 浏览器不兼容处理: 1.ie9以上才支持canvas, 其他chrome、ff、苹果浏览器等都支持; 2.只要浏览器兼容canvas,那么就会支持原创 2016-10-03 14:28:52 · 463 阅读 · 0 评论 -
使用Bootstrap做轮播图
什么是Bootstrap? - Bootstrap 是当下最流行的前端框架(界面工具集); -特点就是灵活简洁,代码优雅,美观大方; - 其目的是为了让 Web 开发更敏捷; - 是 Twitter 公司的两名前端工程师 Mark Otto 和 Jacob Thornton 在 2011 - 年发起的,并利用业余时间完成第一个版本的开发。 使用 Boo原创 2016-10-04 20:20:07 · 6749 阅读 · 0 评论 -
绘制序列帧动画
HTML5 Canvas动画效果演示 首先要准备一张有连续帧的图片,然后利用HTML5 Canvas的draw方法在不同的时间间隔绘制不同的帧,这样看起来就像动画在播放。 div id="cantainer"> canvas id="cavsElem"> canvas> div> button id="btn-dir-left">←button> button id=原创 2016-10-06 14:01:41 · 2100 阅读 · 0 评论 -
倒计时
好比,今年你多大了 ? 2015 - 1990 25 我们要计算的倒计时 有一个最终时间 12月12日 有一个现在时间 11月 13日 倒计时 = 用 将来的时间 - 现在的时间 问题: 用 毫秒减去 现在距离 1970年1 将来时间原创 2016-10-07 21:44:10 · 268 阅读 · 0 评论