标签:HTML5

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

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

2016年09月26日作者:月光光

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

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

暂无图片

2016年09月17日作者:月光光

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

HTML5之拖放Drag &Drop

HTML5之拖放Drag &Drop

2016年09月03日作者:月光光整理

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

HTML5+CSS3+jQuery实现弹出层

HTML5+CSS3+jQuery实现弹出层

2016年05月14日作者:月光光

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

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

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

2016年04月29日作者:月光光

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

大图片加载优化解决方案

大图片加载优化解决方案

2016年04月03日作者:月光光

我们浏览页面上加载有大尺寸图片时,由于图片体积也比较大,我们会看到浏览器加载图片的时候会从上到下逐步显示图片,直到图片完整呈现在页面上,这样图片从空白区域到完全加载的过程显得比较突兀,用户体验比较差。阅读全文

自定义美化的下拉选择框

自定义美化的下拉选择框

2016年03月27日作者:月光光

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

非常棒的SVG文字动画特效

非常棒的SVG文字动画特效

2016年03月12日作者:月光光

这是一款基于segment.js制作的非常有创意的分段式SVG文字动画特效。这个文字动画特效通过动画SVG的描边路径来制作各种文字的动画效果,效果非常棒阅读全文

非常漂亮的HTML5音乐播放器

暂无图片

2015年12月12日作者:月光光

APlayer是一个非常漂亮的HTML5音频播放器,它将audio标签封装,并结合CSS制作出漂亮的播放器UI,它支持设置歌名、歌手和歌词,可以设置是否自动播放,支持缩略图,支持播放进度以及设置播放源。阅读全文

图片上传和裁剪应用:Croppie

图片上传和裁剪应用:Croppie

2015年11月27日作者:月光光

在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件,它叫Croppie。阅读全文