meta name="description" content="千赢国际娱乐为广大WEB开发者提供HTML/CSS、Javascript/jQuery,PHP/MySQL相关的技术文章,千赢国际娱乐网址文章注重实用性和原创性,大多文章提供在线DEMO演示和源代码下载,想学习和提升WEB开发技能就来千赢国际娱乐官网.">

可扩展的H5 Web播放器

可扩展的H5 Web播放器

2018年07月23日作者:月光光标签:HTML5  网页播放器 

clappr是一个开源的Web网页播放器,支持大部分现代浏览器,拥有丰富的扩展插件,如进度条缩略图、标记、播放速率、水印广告、360度视角等。阅读全文

HTML5点播m3u8(hls)格式视频

HTML5点播m3u8(hls)格式视频

2018年07月18日作者:月光光标签:JavaScript  HTML5  网页播放器 

这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。阅读全文

DPlayer – H5视频播放器支持弹幕

DPlayer – H5视频播放器支持弹幕

2018年07月15日作者:月光光标签:HTML5  网页播放器 

DPlayer 是一个支持弹幕的 HTML5 视频播放器。支持 Bilibili 视频和 danmaku,支持HLS,FLV,MPEG DASH,WebTorrent以及其他视频格式,支持截屏、热键、切换清晰度以及字幕等。阅读全文

全屏滚动插件fullPage.js

全屏滚动插件fullPage.js

2018年07月03日作者:月光光标签:JavaScript  滑动  CSS3 

本文介绍使用fullPage.js插件可轻易创建全屏滚动网站。很多网站只有一个千赢首页,它是由多个可以滚动的全屏内容组成,使用鼠标滚动或方向键可控制滚屏,支持CSS3动画和手机触屏,效果非常高大上。阅读全文

弹出式全屏导航菜单

弹出式全屏导航菜单

2018年06月27日作者:月光光标签:JavaScript  HTML5  CSS3 

我们需要在一个有限尺寸的页面上展示多个导航菜单,可以使用下拉菜单、弹出式菜单等等。今天我要给大家演示的是可以使用CSS动画和jQuery来实现的弹出式全屏导航菜单效果。阅读全文

CSS3 loading三圆点加载动画特效

CSS3 loading三圆点加载动画特效

2018年06月21日作者:月光光标签:CSS3  HTML5 

three-dots.css是一款CSS3 loading三圆点加载动画特效库。three-dots.css中集成了14种三圆点loading动画特效,以及三种增强动画效果。阅读全文

电影院在线选座和观影效果预览

电影院在线选座和观影效果预览

2018年05月27日作者:月光光标签:HTML5  CSS3 

想必大家在网上都买过电影票、机票、车票吧,在购票过程中,你需要选择一个座位。假如你想看《复仇者联盟3》,你在选座位的过程中并不知道你的位置的观影效果,那么本文来告诉你如何做到在选择座位的同时可以看到屏幕效果,让购票者有种虚拟现实的预览,是不是很酷。阅读全文

使用html2canvas将网页保存为图片

使用html2canvas将网页保存为图片

2018年05月19日作者:月光光标签:JavaScript  HTML5 

使用html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏保存为图片。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。阅读全文

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

使用CSS3实现百叶窗式鼠标滑过hover图片动画效果

2018年05月13日标签:CSS3  Bootstrap 

这是一款使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时,通过伪元素来制作方块移动效果,形成百叶窗组合运动效果。阅读全文

WOW.js – 有趣的页面滚动效果

WOW.js – 有趣的页面滚动效果

2018年05月08日作者:月光光标签:JavaScript  HTML5  CSS3 

页面在向下滚动的时候,你想让页面元素产生细小的动画效果,从而引起浏览者注意力,那么你可以试试 WOW.js。WOW.js支持多种动画效果,让你的页面滚动效果更加有趣。阅读全文