标签:HTML5

HTML5点播m3u8(hls)格式视频

HTML5点播m3u8(hls)格式视频

2018年07月18日作者:月光光

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

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

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

2018年07月15日作者:月光光

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

弹出式全屏导航菜单

弹出式全屏导航菜单

2018年06月27日作者:月光光

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

CSS3 loading三圆点加载动画特效

CSS3 loading三圆点加载动画特效

2018年06月21日作者:月光光

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

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

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

2018年05月27日作者:月光光

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

使用html2canvas将网页保存为图片

使用html2canvas将网页保存为图片

2018年05月19日作者:月光光

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

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

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

2018年05月08日作者:月光光

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

PHP+Javascript实现拖动滑块完成拼图验证码

PHP+Javascript实现拖动滑块完成拼图验证码

2018年05月05日作者:月光光

大家在很多网站上应该见过这样的验证方式,用户需要拖动一个小滑块并将小滑块拼接到背景图上空缺的位置才能完成验证,这种拖动验证码时基于用户行为的,比传统在移动端有更好的体验,减少用户的输入。阅读全文

纯CSS实现的大型下拉菜单

纯CSS实现的大型下拉菜单

2018年04月30日作者:月光光

这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作,没有任何js代码,不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。阅读全文

如何设计下拉菜单(技巧+实例)

如何设计下拉菜单(技巧+实例)

2018年04月28日作者:UI中国

下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉其使用方法。阅读全文