
HTML5应用开发
文章平均质量分 74
Missj1218
If you love life,life will love you back.
展开
-
基于jQuery的fullPage.js全屏滚动插件
(一)描述:fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。(二)功能:支持鼠标滚动;支持前进后退和键盘控制;多个回调函数;支持手机、平板触摸事件;支持 CSS3 动画;支持窗口缩放;窗口缩放时自动调整;可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。(三)兼容性:支持 IE8+ 及其他现代浏览器。(四)参考网原创 2016-01-06 19:38:08 · 581 阅读 · 0 评论 -
HTML5 LocalStorage 本地存储
转载:http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.htmlHTML5 LocalStorage 本地存储HTML5 LocalStorage 本地存储说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示:最早的Cookies自然是大家都知道,问题主要就是太转载 2016-12-08 09:10:06 · 461 阅读 · 0 评论 -
Canvas图片模糊效果(学习笔记)
Canvas图片模糊效果学习视频:http://www.imooc.com/learn/601Demo和学习笔记index.htmlcanvas玩儿转红包照片<!-- 手机端适配 --><meta name="viewport" content="height=device-height, width=device-width,原创 2017-02-15 17:55:19 · 2452 阅读 · 0 评论 -
Canvas绘制时钟(学习笔记)
Html 5的Canvas参考手册:http://www.w3school.com.cn/tags/html_ref_canvas.aspCanvas绘制时钟学习视频:http://www.imooc.com/learn/612Demo和学习笔记index.htmlcanvas clocks div{ text-align:center; margin原创 2017-02-14 20:15:30 · 352 阅读 · 0 评论 -
地图标记(学习笔记)
地图标记学习视频:http://www.imooc.com/learn/687Demo和学习笔记index.html Echarts body{ padding-top:80px } #search-btn{ margin-top: 20px; }原创 2017-02-22 17:49:23 · 1060 阅读 · 0 评论 -
Html5 学习:文件操作API
转载:作者:FlyDragon出处:http://www.cnblogs.com/fly_dragon/Html5 学习系列(四)文件操作API引言 在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术,由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表转载 2017-02-10 16:33:48 · 346 阅读 · 0 评论 -
基于jQuery的响应式Tab选项卡插件easyResponsiveTabs.js
描述:是一款轻量级的响应式 Tab 选项卡/手风琴jQuery插件,默认为水平/垂直Tab选项卡样式。使用方法:1)下载easyResponsiveTabs.js插件2)引入js文件 fullPageDemo 3)引入自定义CSS样式文件4)HTML页面 <div原创 2016-01-09 09:07:59 · 7580 阅读 · 0 评论 -
基于jQuery的内容滚动插件flexSlider.js
描述:轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。特性:1)支持滑动和淡入淡出效果;2)支持水平、垂直方向滑动;3)支持键盘方向键控制;4)支持触控滑动;5)支持图文混排,支持各种html元素;6)自适应屏幕尺寸;7)可控制滑动单元个数;8)更多选项设置和回调函数。使用方法:1)下载flexisel.js插件2)引入js文件原创 2016-01-08 14:11:51 · 2509 阅读 · 0 评论 -
基于jQuery的响应式旋转木马插件flexisel.js
描述:flexisel.js响应适应屏幕宽度旋转木马插件,效果很好。它设置为启用自动播放,定义动画的速度和悬停。特点:1)Flexisel 将顺应需求适应屏幕宽度变小;2)根据项目的数量可以更改显示的屏幕宽度;3)其他选项包括自动播放,动画速度时右和左。使用方法:1)下载flexisel.js插件2)引入js文件 fullPageDemo原创 2016-01-07 21:14:19 · 4509 阅读 · 0 评论 -
HTML5表单及其验证
转载:http://www.cnblogs.com/Wenwang/archive/2012/04/26/2470403.htmlHTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架,先说下表单的几个基本知识点:表单仍是以元素作为容器转载 2016-05-15 12:52:36 · 1578 阅读 · 0 评论