HTML5
文章平均质量分 83
薛中然
向着光亮的地方
展开
-
CSS3之媒体查询
关键字 @media<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-06-21 16:10:32 · 143 阅读 · 0 评论 -
跨域问题
1.设置发送头:node里res.header("Access-Control-Allow-Origin","*");Node.js后台配置(express框架)Node.js的后台也相对来说比较简单就可以进行配置。只需用express如下配置:app.all('*', function(req, res, next) { res.header("Access-Contr...原创 2018-06-22 15:14:26 · 148 阅读 · 0 评论 -
仿登录注册页面
注册<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>注册</h1> &原创 2018-06-11 06:17:40 · 1380 阅读 · 0 评论 -
自定义视频
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value=&quo原创 2018-06-10 21:08:47 · 274 阅读 · 0 评论 -
video兼容模式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js&q原创 2018-06-10 21:02:33 · 944 阅读 · 0 评论 -
H5文件上传读取
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="file" multiple id=原创 2018-06-10 20:50:29 · 1072 阅读 · 0 评论 -
判断滑动事件
<script> $(function(){ //判断左滑 var startPageX=0; var startPageY=0; $(".box1").on("touchstart",function(e){ startPageX=event.targetTouches[0].pageX; startPageY=event.targetTo...原创 2018-06-10 20:38:38 · 488 阅读 · 0 评论 -
鼠标滚动异步加载问题实例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1.0,m原创 2018-06-10 20:24:31 · 609 阅读 · 0 评论 -
H5中扩展触摸的事件
H5中扩展了专门用于识别触摸的事件:touchstart:触摸开始的时候触发,只要有一个手指触摸。touchmove:手指在屏幕上滑动的时候触发。touchend:触摸结束的时候触发,全部手指全部离开touchecancel:当因意外原因结束触摸时触发(如弹出窗口)。触摸事件的事件对象扩展新属性:touches:当前位于屏幕上的所有手指的列表touchList。targetTouches:位于当前...原创 2018-06-09 16:18:25 · 467 阅读 · 0 评论 -
Html5扩展的事件
Html5中常用的扩展类型:onbeforeunload:在关闭文当前调用,可执行alert、confirm等弹出系统窗体的方法,但不支持dom2级别的事件绑定方式,常用于网页关闭时0p;自动保存网页内容。onerror:可使用在window对象、外部文件上,常用于脚本执行错误,或外部文件无法正常加载时。onunload:在关闭文档前调用,无法执行alert、confirm等弹出系统窗体的方法。o...原创 2018-06-09 15:11:27 · 277 阅读 · 0 评论 -
HTML5兼容写法
<!–[if lt IE9]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script><![endif]–>原创 2018-06-09 14:38:22 · 638 阅读 · 0 评论 -
圣杯布局
圣杯布局1.设置基本样式为了高度保持一致给left main right都加上min-height:130px。2.圣杯布局是一种相对布局,首先设置父元素container的位置: 实现效果是左右分别空出200px和300px区域,效果如图:3.将主体部分的三个子元素都设置左浮动出现了如下情况,怎么办,别着急慢慢来:4.设置main宽度为width:100%,让其单独占满一行5.设置left和...转载 2018-06-21 17:05:56 · 152 阅读 · 0 评论 -
FullPage应用
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><title>全屏/整屏滚动组件fullPage演示-垂直滚动_dowebok</title><style>body, div, p { margi原创 2018-06-26 19:07:14 · 210 阅读 · 0 评论