与我联系

html5+js 监听网络在线与离线?

2016-10-9 一诺 html+css

html5+js 监听网络在线与离线 <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>html5+js 监听网络在线与离线</title> </head> <body>   <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> ...

阅读全文>>

标签: 离线 在线

评论(0) 浏览(258)

使用html5 webSQL + localStorage 实现本地留言板功能

2016-9-7 一诺 html+css

使用html5 webSQL + localStorage 实现本地留言板功能 使用html5 webSQL + localStorage 实现本地留言板功能 人过留名,雁过留声 您的大名: ...

阅读全文>>

标签: webSQL localStorage

评论(0) 浏览(696)

css+jquery打造最简洁的评分效果

2016-7-8 一诺 html+css

css+jquery打造最简洁的评分效果 最简洁的评分效果 body{width: 500px;margin:120px auto;} .grade-star{position: relative;width: 120px;height: 20px;background: url(http://7xn3nv.com1.z0.glb.clouddn.com/star.png) repeat-x 0 0;} .bright-star{height: 20px;background: ur...

阅读全文>>

标签: 评分

评论(0) 浏览(326)

前端开发规范手册2.0

2016-5-10 一诺 html+css

目录   一、规范目的   二、文件存放及命名规范   三、html书写规范   四、css 书写规范   五、js书写规范   六、图片规范   七、实践建议 一、规范目的   1.1 概述    为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档。本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发。 本文档如有不对或者不合适的地方请及时提出,经讨论决定后可以更改此文档. 二、文件存放及命名规范   2.1 ...

阅读全文>>

标签: 规范

评论(30) 浏览(411)

纯css实现兼容很好的点击看大图实例

2015-10-17 一诺 html+css

css点击看大图demo 点击看大图 .showimg>img{width: 200px;} span{display: none;position:fixed; width: 100%;height: 100%;left:0;top:0;z-index:20;opacity: 0} .showimg:focus+span{display: block;} .showimg:focus:before{position:fixed;content:...

阅读全文>>

标签: 大图查看

评论(0) 浏览(1178)

图片水平垂直都居中,兼容ie7及以上和主流浏览器

2015-9-28 一诺 html+css

图片水平垂直都居中,亲测兼容ie7及以上和其他主流浏览器 图片水平垂直都居中,兼容ie7及以上和主流浏览器 *{margin:0;padding:0;} ul,li{list-style:none;} .list{width:800px;margin:0 auto;} .list li{text-align:center;float:left;line-height: 30px;width:33.3%;margin-top:20px;} ...

阅读全文>>

标签: 图片

评论(0) 浏览(227)

聊聊既熟悉又陌生的div+css布局

2015-6-27 一诺 html+css

首先说说最简单的两列自适应布局无外乎是给两列都设置百分比,但很多情况下这种布局并不能解决需求。 例如:下面这种一列限定宽度,一列自适应。 两列布局方法一-勿恨水长东 .clearfix:before, .clearfix:after {display: table;content: " ";} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} *{margin:0;padding:0;} body{...

阅读全文>>

标签: 布局

评论(0) 浏览(315)

html5画布canvas效果实例

2015-5-21 一诺 html+css

使用html5画布canvas实现简单画板 简单画板 body{margin:0;} #paint{border:1px solid #232323;} 您的浏览器不支持canvas var oPaint=document.getElementById('paint'); var cxt=oPaint.getContext('2d'); cxt.lineWidth=3; cxt.strokeStyle="blue"; var ...

阅读全文>>

标签: canvas

评论(0) 浏览(322)

html基础零碎知识大总结

2015-5-18 一诺 html+css

一、以下是html最基础的一些标签 1,meta标签 <!-- 设置多少秒后重新加载页面到链接指定处 -->     <meta http-equiv="refresh" content="1;url=http://yuanqiao.comxa.com/"> <!-- 让其以本机最新的内核渲染 -->     <meta name="renderer" content="webkit">    &...

阅读全文>>

标签: html

评论(0) 浏览(255)

html5视频音频标签使用&&使用视频做背景

2015-5-13 一诺 html+css

html5视频音频标签使用 html5视频音频标签使用 使用video的API 你的浏览器可以换了 播放 快进10秒 快退10秒 静音 加速播放 减速播放 正常播放 声音++ 声音-- //获取对应的video标签 var video=document.getElementById('video'); ...

阅读全文>>

标签: 使用视频做背景 video标签使用

评论(0) 浏览(256)

皖ICP备15010162号-1 @2015 勿恨水长东
qq:1614245331 邮箱:13515678147@163.com Powered by
emlog