摘要:
绘制平行线&线模糊的问题 1. 准备画布 <!-- 1. 画布 --> <canvas width="600" height="400"></canvas> 2. 加边框,让画布凸显出来 <style> canvas { border: 1px solid #ccc; } </style> 3. 获 阅读全文
摘要:
H5-Dom扩展 获取元素 document.getElementsByClassName ('class'); //通过类名获取元素,以伪数组形式存在。 document.querySelector('selector'); //通过CSS选择器获取元素,符合匹配条件的第1个元素。 doc 阅读全文
摘要:
H5-新增API 全屏方法 HTML5规范允许用户自定义网页上任一元素全屏显示。 Node.requestFullScreen() 开启全屏显示 Node.cancelFullScreen() 关闭全屏显示 由于其兼容性原因,不同浏览器需要添加前缀如: webkit内核浏览器:webkitReque 阅读全文
摘要:
体验Canvas绘图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> canvas{ border: 1px solid #ccc; /*不建议在 样式设置尺寸*/ 阅读全文
摘要:
《QQ TIM》案例 Stellar插件 描述 视差滚动(Parallax Scrolling)指网页滚动过程中, 多层次的元素进行不同程度的移动,视觉上形成立体运动效果的网页展示技术 主要核心就是前景和背景以不同的速度移动,从而创造出3D效果。 这种效果可以给网站一个很好的补充。 特性 视差滚动效 阅读全文
摘要:
H5C3 《购物车宣传》案例 综合运用h5c3知识且进行一定扩展 能使用jquery完成网页常见交互行为 实际工作开发当中能应对活动宣传页 FullPage插件 插件功能介绍 基于 jQuery 的插件,它能够帮你很方便、很轻松的制作出全屏网站。 支持鼠标滚动,支持前进后退和键盘控制,多个回调函数, 阅读全文
摘要:
Canvas概述 canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。 <canvas> 元素是WhatWG Web 阅读全文