标签:HTML5

使用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中国

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

基于SVG路径运动的js内容切换插件path-slider

基于SVG路径运动的js内容切换插件path-slider

2018年04月22日作者:佚名

path-slider.js是一款基于SVG路径运动的js内容切换轮播插件。该js轮播插件可以根据指定的SVG路径,分布排列多个DOM元素,然后使这些DOM元素在SVG路径上执行轮播动画。阅读全文

HTML5轻松实现全屏视频背景

HTML5轻松实现全屏视频背景

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

想在你的网页首页中全屏播放一段视频吗?而这段视频是作为网页的背景,不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意,它就是Bideo.js。阅读全文

HTML5 Web播放器-Video.js

HTML5 Web播放器-Video.js

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

Video.js是一款优秀的HTML5 Web视频播放器。它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大概有40W的站点在使用Video.js作为web播放器。阅读全文

Hammer.js实现多点触控的javascript库

Hammer.js实现多点触控的javascript库

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

Hammer.js是一个开源的能实现多点触控的javascript库,可以识别触摸,鼠标点击和手势滑动操作,它不依赖任何第三方库,并且非常小巧灵活。阅读全文

使用HTML5的WebSocket实现服务端和客户端数据通信

使用HTML5的WebSocket实现服务端和客户端数据通信

2018年03月24日作者:月光光

WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接,双向实时通信。阅读全文

上一页123456下一页