Loading...
方法：load() 加载、play() 播放、pause() 暂停属性：currentTime 视频播放的当前进度、 duration:视频的总时间 paused:视频播放的状态. 事件： oncanplay: 事件在用户可以开始播放视频/音频（audio/video）时触发。 ontimeupdate:通过该事件来报告当前的播放进度. onended:播放完时触发 全屏：video...
fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数...
web中的字体web中的字体，和系统无关，系统有无该字体不影响最终的显示效果，不同浏览器所支持的字体格式是不一样的。TureTpe(.ttf)格式.ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，支持这种字体的浏览器有IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+、iOS Mobile、Safari4.2+；OpenType(.ot...
CSS3引入的布局模式Flexbox布局，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。首先我们...
columns语法:columns:[ column-width ] || [ column-count ]，设置或检索对象的列数和每列的宽度。相关属性分几列column-count:3;分割线column-rule:1px dashed red;设置列间距column-gap:60px;列宽度column-width: 400px;和并列column-span:all注意：为了解决浏览器的...
描述：用CSS3描述太阳系行星的运动情况，小行星带使用的使用的是一张图片。原理就是利用的CSS3的动画属性，让每一个行星在每一个块级元素的边上，让该块状元...
描述：用CSS3的动画来实现无缝滚动，鼠标经过的时候，无缝滚动暂停，通过animation-play-state: paused;来进行控制，该属性有两个值： paused 暂停 running 播放。问题：目前存在一个小bug，那就是图片必须按照顺序显示两次，因为实现无缝滚动的原理是通过动画进行移动，移动之后恢复，展示两次图片可以实现无缝对接，但是页面加载的资源占用较多。示例代码:<...
描述：该案例是使用CSS来描写的，所使用的技术有：linear-gradient线性渐变，animation动画，box-shadow阴影等css3的属性...
描述：通过CSS3的动画来制作轮播图，该图片占满整个屏幕，通过点击下方对应的按钮，就可以实现图片的更换。实现代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全屏切换练习</t...
background-size 属性规定背景图像的尺寸。语法：background-size: length|percentage|cover|conta...
