今天看到一个人用css+html画了一个WWDC2015的图标
所以我也决定用oc试试,结果是半成品,仅供参考,顺便复习下coregraphics
先看下结果图
这个图其实没什么技术含量,就是8个大圆形,加4个小圆还有4个方形。
如何画图不详细介绍,只说我在做的过程中遇到的问题,就是如何旋转。
重复率这么高的图形肯定不是一个一个画出来的,其中用到的就是旋转
///设置绘图中...
分类:
其他好文 时间:
2015-06-11 09:34:45
阅读次数:
211
看一看最终的效果:
下面我们就按照分析→设计→实现 三大步骤来完成这个导航的效果,学会了之后,会发现大多数电商都是用这样的效果的。我们先从把结构写好:一个nav包含上面一个div(全部商品分类),一个导航列表(ul li) 然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位,这个div分成左边:小分类列表,右边图片广告)
因为我是用 纯css+html写的, 所以它的文件有...
分类:
Web程序 时间:
2015-06-09 13:49:26
阅读次数:
2256
效果图 html <canvas?id="canvas"?class="canvas"?width="600"?height="600"></canvas> css ??html,body{margin:?0;padding:?0}
??.canvas{display:?block;?margin-left:auto;margin-right:auto;marg...
分类:
其他好文 时间:
2015-06-05 12:29:47
阅读次数:
109
有时候你写怎么刷新页面都没反应那是因为你忽略了这个css:html, body {height: 100%;}
分类:
其他好文 时间:
2015-06-03 21:24:15
阅读次数:
158
1-1 课程介绍Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。1) 漂亮的设计2) 友好的学习曲线3) 卓越的兼容性4) 12列的响应式栅格结构5) 丰富的组件B...
分类:
Web程序 时间:
2015-06-01 16:30:59
阅读次数:
193
老是将这两个搞混所以来总结下:
$('.selector').attr("disabled", true);// 让控件不可用 属性
$('.selector').attr("disabled", true);// 让控件可用 属性
$('.selector').css({ "display": "none" });// 让控件不可见 css
$('.selector').css({ ...
分类:
Web程序 时间:
2015-05-28 09:39:02
阅读次数:
855
行为=事件+由该事件触发的动作常用事件:onXxxonLoad 打开网页事件onUnLoad 关闭事件onClick 单击事件onChange 改变事件onMouseOver 鼠标悬浮事件onMouseOut 鼠标移开事件改变颜色div1区域选择框css html javascript 完全分离w....
分类:
Web程序 时间:
2015-05-23 14:11:50
阅读次数:
160
最近将博客简单地修饰了下,需要用到HTML和CSS代码,花了一天时间学习了一下这两方面的知识。虽然内容很简单,但是足够用来修改自己的博客了。1.HTML1.1. HTML介绍HTML与CSS的关系HTML网页内容的载体,内容包含文字、图片、视频等。CSS网页的样式,即表现,包含标题字体、颜色、边框等...
分类:
Web程序 时间:
2015-05-18 00:57:13
阅读次数:
256
首先定义一个数组,下面的三种方法将都是用该数组操作// 定义一个数组 var arr=['js','js','js','html','js','java','c++','css','html5','c#','c#','css','html','js'];1.第一种方法 1 Array.protot....
分类:
编程语言 时间:
2015-05-13 19:39:33
阅读次数:
165