慕课网

H5+JS+CSS3 实现圣诞情缘

最热最新

we_are伐木累o_0

SVG是基于xml标记语言可缩放矢量图形，支持无损缩放的同时也因为是dom节点，所以也支持事件，但是弊端也很明显，dom的数量非常大，复杂度高，渲染就比较慢了，也不适合游戏的开发，一般会用canvas之后会介绍 SVG有什么优势？ •文件体积小，能够被大量的压缩 •图片可无限放大而不失真(矢量图的基本特征) •在视网膜显示屏上效果极佳 •能够实现互动和滤镜效果

查看全部

0 采集收起来源：SVG概述
2016-03-01
we_are伐木累o_0

创建一个观察者对象 var observer = new Observer(); 通过调用subscribe方法，实现一个事件的观察 observer.subscribe("任务名"，处理函数) 通过publish触发观察事件，在任意时刻触发了这个观察的任务名，将会触发这个事件订阅subscribe方法 observer.publish("任务名") 取消事件订阅，意味着就不会执行了 observer.unsubscribe("任务名")

查看全部

0 采集收起来源：观察者模式的理解
2018-03-22
we_are伐木累o_0

结：呈现3d效果需要3部分父元素或者当前运动元素上设置透视角perspective，perspective属性的值决定了3D效果的强度 3D视图，设置在父元素上，子元素都可以相对与父元素的平面进行3d变形操作 3D变形函数，translate3d、scale3d、rotateX、rotateY、rotateZ等等

查看全部

0 采集收起来源：3D变换的梳理
2016-03-01
溪墨潺

e.target 是目标对象，e.event是目标所发生的事件。

查看全部

2 采集收起来源：布局结构
2016-02-25
溪墨潺

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

查看全部

2 采集收起来源：布局结构
2016-02-25
溪墨潺

要想实现3D的效果，只需指定一个元素为容器并设置transform-style：preserve-3d，那么它的后代元素便会有3D效果

查看全部

0 采集收起来源：3D变换的梳理
2016-02-25
溪墨潺

<script type="text/javascript"> var docEl = document.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //设置根字体大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //绑定浏览器缩放与加载时间 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>

查看全部

0 采集收起来源：关键帧动画
2018-03-22
qq_菜鸟叔叔

animation中的step() 1、只有第一个参数的时候keyframes中的最后一个不计入动画。 2、有第二个参数：第二个参数是start时，keyframes中的第一个不计入动画；第二个参数是end时，keyframes中的最后一个不计入动画。

查看全部

0 采集收起来源：关键帧动画
2016-02-24
今夕何夕兮

rem布局？

查看全部

0 采集收起来源：编程思路
2016-02-23
czj93

var docEl = document.documentElement, //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时， //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 //总来的来就是监听当然窗口的变化，一旦有变化就需要重新设置根字体的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //设置根字体大小 docEl.style.fontSize = 20 * (docEl.clientWidth/320)+'px'; }; //绑定浏览器缩放与加载时间 window.addEventListener(resizeEvt, recalc, false);//当设备的方向发生变化时，触发事件，从新计算fontsize document.addEventListener('DOMContentLoaded', recalc, false);//当

查看全部

0 采集收起来源：自适应rem布局
2016-02-21
Jone_Chen

父元素或者当前运动元素上设置透视角perspective，perspective属性的值决定了3D效果的强度 3D视图，设置在父元素上，子元素都可以相对与父元素的平面进行3d变形操作 3D变形函数，translate3d、scale3d、rotateX、rotateY、rotateZ等等

查看全部

0 采集收起来源：3D变换的梳理
2016-02-19
翔雲路

SVG是基于xml标记语言可缩放矢量图形，支持无损缩放的同时也因为是dom节点，所以也支持事件，但是弊端也很明显，dom的数量非常大，复杂度高，渲染就比较慢了，也不适合游戏的开发，一般会用canvas

查看全部

0 采集收起来源：SVG概述
2016-02-17
sharon2510

CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化

查看全部

0 采集收起来源：关键帧动画
2016-02-15
玲梓

animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-play-state animation-fill-mode animation-timing-function

查看全部

0 采集收起来源：关键帧动画
2016-02-13
绅振

必须通过绝对尺寸获取图片坐标，否则就会出错，大多情况下可能会准备2套图片

查看全部

0 采集收起来源：自适应雪碧图
2016-01-27

首页上一页 10 11 12 13 14 15 16 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程为高级案例课程，其中所用的大部分知识点不做深入剖析，只讲解如何使用，部分代码需要由你自己填充。需要具备如下知识： 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想 5、SVG基础知识 6、Canvas基础知识

老师告诉你能学到什么？: 1、rem式布局 2、转场特效 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果 7、H5的视频效果 8、SVG画图 9、canvas画图