html5
关注
分享
扫一扫
zhailulu
前端工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
图片转换成Base64编码集成到html文件
1.在线打开Base64的编码器将图片编码成Base64例如：我在网上用的图像编码器Base64的地址：http://www.vgot.net/test/image2base64.php2.将需要编码的图片编码成 Base64 代码。3.在html文件图片所在的src=""中添加data:image/jpg;base64,（注：这里是jpg格式，你可以改写成你编码图片的类型）4.将你编码的Base64代码复制到image/jpg;base64,的后面，然后用浏览器运行即可。我的Demo地址：http://2原创 2010-10-29 13:47:00 · 10360 阅读 · 2 评论 -
一些CSS3的新特性 IE兼容的方法收集（补充中）
收集一下，以免以后忘记了！ 1.线性渐变色 background: -webkit-gradient(linear,left top,left bottom,from(#0D85BC),to(#0A73A4)); /*chrome,sarfrai*/background: -moz-linear-gradient(top,#0D85BC,#0A73A4); /原创 2011-12-30 13:26:34 · 1043 阅读 · 1 评论 -
Highcharts 中基本饼图的简单介绍----JavaScript互动图表框架
今天工作不是很忙，向大家推荐一个javascript的图表框架（HighCharts），该框架的兼容性做的很好，目前主流浏览器均兼容（IE6-9，chrome，firefox，opera等） 该框架是利用纯javascript创建Svg元素进行画出相关的一系列图表，支持线性， 区域，柱状，饼状，散点图等类型。 先介绍一个基本的饼图吧原创 2011-10-28 15:26:39 · 5988 阅读 · 5 评论 -
css3 ----input focus的发光效果
在做项目时想做个input focus的效果，感觉很帅！上网搜集了一些资料，整理一下！加工成我的发光效果！哈哈 看着不错，跟大家分享一下啊！补充：chrome下input focus默认有个黄色的光影，如果不想要的话 可以在css样式中 添加一下 input：focus{ outline:none; } 就可以去掉了！ 我的样式代原创 2011-11-16 10:55:01 · 15078 阅读 · 0 评论 -
CSS3 Transition 元素hover上变大的一系列效果（仿大前端导航）
二话不说，先贴上代码，这个简单的动画我花了几分钟就写好了！(*^__^*) 嘻嘻……自恋一下啊 Scale .wrap{ background:#FFFFFF; width:200px; height:50px; border:1px solid #CCCCCC;原创 2011-10-21 18:41:16 · 6540 阅读 · 0 评论 -
css3元素简单的闪烁效果 （html5 jquery）
css3 Animation: @-webkit-keyframes twinkling{ /*透明度由0到1*/ 0%{ opacity:0; /*透明度为0*/ } 100%{ opacity:1; /原创 2011-10-11 11:45:57 · 10099 阅读 · 2 评论 -
HTML5--Hidden属性
<br /> HTML5 hidden属性是个boolean属性。所有HTML元素可以设置hidden属性，可设置值true或false，当设置为true时浏览器将不渲染该元素。当设置为false则渲染该元素。相比之前用的display：none/block要方便快捷多了。<br /><br /><br />例如：<br /><!DOCTYPE HTML><html><head> <meta charset="utf-8"/> <title><title></head><div c原创 2011-04-27 15:44:00 · 11571 阅读 · 0 评论 -
简单html5语义网页结构（chrome，firefox4支持最好）
自己在工作之余，整理了一下有关html5网页的新语义化标签。例如：header,footer aside,hgroup等新标签。经测试pc上是chrome和firefox4支持最好，opera几乎不支持。感兴趣的同学可以拷贝测试一下，测试后记得给我指教指教，留点意见。谢了，O(∩_∩)O~html5 web 结构原创 2011-03-29 12:17:00 · 1951 阅读 · 0 评论 -
html5特征检测
return !!document.createElement('audio').canPlayType; in MP3 formatvar a = document.createElement('audio');return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, '')); in Vorbis formatvar a = document.createElement('audio');ret转载 2011-02-23 18:08:00 · 1169 阅读 · 0 评论 -
html5快速入门
1.HTML5文件的MIME类型： 这个跟以往的版本没有改变，必须以text/html的MIME的类型传送，后缀名为.html/.htm2.HTML5文件的DOCTYPE宣告：(大小写均可以) 非常简单的宣告，但是必须一定要有。如果省掉的话，使得浏览器没有使用最新的演算绘制模式，可能会照成html5功能无法实现。3.文字的编码的指定方式：或者 这两种方法不可以同时使用。 4.不可以使用结束标签的元素： area,base,br,col,cmmand,embed,hr,img,input,ke原创 2011-02-11 11:19:00 · 6443 阅读 · 1 评论 -
html5简介
HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。什么是 HTML5？HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。HTML5 是如何起步转载 2011-02-10 14:01:00 · 1294 阅读 · 1 评论 -
html5中的Viewport的标签解释
<br /> <br />下面这句代码在iPhone的浏览器中将以原始大小显示，并不允许缩放。<br /><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/><br />其中：<br />width - viewport的宽度<br />height - viewport的高度<br />initial-sc原创 2010-10-29 14:04:00 · 6053 阅读 · 0 评论 -
带语音搜索的搜索框---HTML5
在网上看见别人总结的带语音的搜索框，觉的又神奇又简单方便，收了！嘿嘿在你的网页里面加上一句简单的代码就可以了 type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech>简短的几个代码就能实现原本多行JS才能实现的完美交互效果，这就是HTML5略窥一点的赞！placeholder是为了设置初始值转载 2012-05-24 09:29:49 · 2861 阅读 · 1 评论