标签:HTML5

标签:HTML5 共有34条记录

基于HTML5 SVG的页面过渡切换效果

基于HTML5 SVG的页面过渡切换效果

作者:月光光 时间:2017年08月12日 18:05标签:HTML5  SVG 

这是一款基于HTML5 SVG的页面过渡变形切换效果。该页面切换效果在两个页面进行切换时,通过SVG路径变形,制作出炫酷的页面过渡效果,可用于产品介绍页。阅读全文

当页面滚动时将HTML5视频播放器固定在页面右下角

当页面滚动时将HTML5视频播放器固定在页面右下角

作者:月光光 时间:2017年04月25日 20:57标签:html5  播放器 

在有视频播放的页面上,有时我们需要滚动页面查看视频相关的内容信息,如简介、相关评论等,那么滚动页面时,视频播放器会离开视窗区域,这个时候我们可以使用JS和CSS技术将播放器切换固定到页面右下角。阅读全文

HTML5实现文件断点续传

HTML5实现文件断点续传

时间:2016年12月03日 21:00标签:html5  上传 

HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。阅读全文

HTML5页面可见性接口应用(Page Visibility API)

HTML5页面可见性接口应用(Page Visibility API)

作者:月光光 时间:2016年10月15日 11:25标签:HTML5 

有这样一个需求,需要判断用户是不是与当前页面交互,比如浏览器上打开很多标签页,如果页面最小化或者目标页面被隐藏在其他标签页后,那么目标页面的某些功能可以停下来,等切换到目标页面时再继续某些功能。阅读全文

使用jquery.pjax实现SPA单页面应用

使用jquery.pjax实现SPA单页面应用

作者:月光光 时间:2016年09月26日 10:52标签:pjax  SPA  html5 

前面我有文章介绍了前端路由和Pjax单页面应用方面的实例应用,今天我来和大家分享一个单页面应用神器jquery.pjax.js。它是基于jQuery的pjax插件,使用方便,功能完善。我会结合实例给大家讲解使用jquery.pjax.js。阅读全文

PushState+Ajax实现简单的单页面应用SPA

PushState+Ajax实现简单的单页面应用SPA

作者:月光光 时间:2016年09月17日 20:21标签:SPA  HTML5 

单页面应用(Single Page Application)简称SPA,使用SPA构建的应用优点有用户体验好、速度快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染,从而相对减轻了服务器压力,SPA在WEB移动端应用非常广泛。阅读全文

HTML5之拖放Drag &Drop

HTML5之拖放Drag &Drop

作者:月光光整理 时间:2016年09月03日 12:32标签:html5  拖放 

拖放(Drag &Drop)是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。过去,我们用监听鼠标的Mousedown、Mouseove、Mouseup等事件来不停地获取鼠标的坐标来修改元素的位置,而现在html5原生的Drag &Drop事件(DnD),方便了许多,而且性能也有了提高。阅读全文

HTML5+CSS3+jQuery实现弹出层

HTML5+CSS3+jQuery实现弹出层

作者:月光光 时间:2016年05月14日 11:17标签:HTML5  css3  弹出层 

弹出层用来向用户展示详细的信息,交互性非常强。弹出层有对话框、模态窗口等形式,这里我都把他们叫做弹出层,我的同事们也是这么叫的。一般我们喜欢使用比较成熟的弹出层插件如fancybox等,但在本文,我将先抛弃插件,给大家介绍如何使用HTML5+CSS3+jQuery实现弹出层。阅读全文

基于HTML5的有弹幕功能的视频播放器

基于HTML5的有弹幕功能的视频播放器

作者:月光光 时间:2016年04月29日 16:29标签:播放器  html5 

Danmmu Player是一个具备弹幕功能的Html5视频播放器。我们在观看视频的时候,可以对视频发表自己的观点,当点击发送按钮后,发表的内容会在视频屏幕上以彩弹的形式发出,并做滚动展示动画效果,即视频弹幕功能。阅读全文

自定义美化的下拉选择框

自定义美化的下拉选择框

作者:月光光 时间:2016年03月27日 12:42标签:下拉选择  CSS3  HTML5 

这是一款使用HTML5 SVG和CSS3制作的非常棒的select下拉菜单美化效果。我们可以通过JavaScript来将表单中元素修改为更加好看的样式,甚至是更复杂的表单元素,例如select下拉菜单。我们可以有非常多的表单美化方案,使用户可以得到更加好的用户体验。阅读全文

上一页1234下一页
顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章