摘要: Velocity.js官网Velocity.js实现弹出式相框慕课网极棒的jquery动画切换引擎插件Velocity.jsjQ库 1 (function($){ 2 3 // 普通调用 4 /*$('#div1').velocity({ // 元素的CSS属性 ... 阅读全文
posted @ 2015-10-21 15:54 翌子涵 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 一 SVG概述SVG是Scalable Vector Graphics的缩写,即缩放式矢量图形;优点:1.使用编辑器即可编辑图形;2.基于XML,SVG图形可以被很容易的搜索,脚本化和压缩;3.缩放不影响图形质量;4.支持随意打印成需要的尺寸;5.SVG开源标准;劣势:1.比正常格式图片体积大;2.... 阅读全文
posted @ 2015-06-18 16:16 翌子涵 阅读(9529) 评论(0) 推荐(0) 编辑
摘要: All the flowers of all the tomorrows are in the seeds of today.色彩搭配网站--design-seeds.com// 所有的颜色值都是从摄影照片中抽取出来的,站长非常喜欢生活美学。// 网站里有一个根据设置的颜色值查找配色的程序,非常好用... 阅读全文
posted @ 2015-06-11 10:41 翌子涵 阅读(1783) 评论(0) 推荐(0) 编辑
摘要: 一 HTML5画布基本介绍1.HTML5专门为画布功能提供的标签:,所以画布相关的功能都是基于这个标签来完成的;1 2 // 直接在canvas中设置width和height属性和将width和height添加到CSS文件中,有一定的区别:3 // 1.使用属性来定义canvas,不仅定义canva... 阅读全文
posted @ 2015-06-10 10:47 翌子涵 阅读(1717) 评论(1) 推荐(5) 编辑
摘要: // 使用Transform的属性,组合translate(位移)和rotate(旋转),将生成的小矩形组合成各种箭头样式;HTML 1 2 图标变形过渡效果缩放式菜单 3 4 图标 5 6 #300x100 淡色系 7 ... 阅读全文
posted @ 2015-06-08 18:32 翌子涵 阅读(1160) 评论(0) 推荐(0) 编辑
摘要: GitHub:https://github.com/alvarotrigo/fullPage.jsFullPage.js是一个基于JQuery的插件,可以很方便的制作出全屏网站;一 特点:1.支持鼠标滚动;2.支持键盘控制前进和后退;3.多个回调函数;4.支持手机/平板触摸事件;5.支持CSS3动画... 阅读全文
posted @ 2015-06-08 14:56 翌子涵 阅读(1356) 评论(0) 推荐(0) 编辑
摘要: 一 使用Animate.css动画// 通过@import引入外部CSS资源;// 引入线上图片及JS文件;// 通过更改CSS类名生成不同类型的CSS3动画; 1 2 3 4 5 6 25 26 27 28 ... 阅读全文
posted @ 2015-05-29 21:18 翌子涵 阅读(5029) 评论(0) 推荐(0) 编辑
摘要: // 列表布局,图片左浮动,外侧容器设置overflow:hidden;//组合使用构造函数模式(对象不共享的数据)和原型模式(对象共享的数据) 1 2 3 4 5 14 15 16 17 18 19 2... 阅读全文
posted @ 2015-05-28 20:49 翌子涵 阅读(508) 评论(0) 推荐(0) 编辑
摘要: 6.1 精灵的工作原理// 将各种图片合并到一张图片里面,并在不同的状态下改变背景图片的位置;6.2 精灵的重要性// 压缩图片的内存;// 减少HTTP请求6.2.3 Compass处理精灵方案// 1.让Compass指向一个精灵的文件夹;// 2.告诉Compass撰写精灵CSS;// 3.编... 阅读全文
posted @ 2015-05-20 10:54 翌子涵 阅读(1877) 评论(2) 推荐(0) 编辑
摘要: 第三章 无需计算玩转CSS网格布局3.1 网格布局介绍3.2 使用网格布局3.2.1 术语1 术语名 定义 是否涉及HTML标签2 列 内容度量的垂直单位 否3 容器 ... 阅读全文
posted @ 2015-05-19 10:35 翌子涵 阅读(1492) 评论(0) 推荐(0) 编辑