HTML5
sangfei_no1
不知道是否正确的时候,往下走,就会有结果
展开
-
HTML5 拖放
Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。#div1 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;}function allowDrop(ev){ev.preventDefault();}f原创 2014-01-15 11:19:53 · 699 阅读 · 0 评论 -
java 项目中H5 离线缓存
看来很多H5 离线缓存的资料,最后总结如下(针对 java 开发)1. 在web.xml 中添加配置代码 appcache text/cache-manifest 2. 新建appcache 文件(名称 index)CACHE MANIFEST #version 0.5CACHE: index.html原创 2015-07-06 14:14:48 · 1245 阅读 · 0 评论 -
利用html5的本地存储功能实现登录用户信息保存
html lang="en" class="no-js">head>meta charset="UTF-8" /> -->title>图书销售管理系统title>meta name="viewport" content="width=device-width, initial-scale=1.0">meta name="description" content="Login a转载 2015-12-02 09:39:43 · 22880 阅读 · 0 评论 -
图片延迟加载的实现
图片延迟加载也称懒加载,通常应用于图片比较多的网页,如果一个页面图片比较多,且页面高度或宽度有好几屏,页面初次加载时,只显示可视区域的图片,当页面滚动的时候,图片进入了可视区域再进行加载,这样可以显著的提高页面的加载速度,更少的图片并发请求数也可以减轻服务器的压力。如果用户仅仅在首屏停留,还可以节省流量。如果TAB中的图片较多,也同样可以应用于TAB中,当触发TAB时再进行图片的加载。图片转载 2015-07-06 15:32:54 · 678 阅读 · 0 评论 -
8款最新超酷HTML5/CSS3特效及源码
1、CSS3/jQuery全屏立体焦点图 时尚大气jQuery是一个非常流行的Javascript框架,今天我们要分享一款基于jQuery和CSS3的焦点图动画,该jQuery焦点图插件是全屏立体的效果,看上去非常时尚和大气。而且,焦点图在图片滑动的时候非常流畅,性能应该也还不错。在线演示 源码下载2、HTML5/CSS3文字投影特效 乳白阴影文字效果转载 2015-03-09 09:29:37 · 977 阅读 · 0 评论 -
css3 来实现图片在指定容器内等比例缩放,并控制中上下左右居中
2011.02.22 于新城科技园。实现图片在指定容器内等比例缩放,并控制中上下左右居中,以前可以通过javascript 加css2 的办法来控制。随着css3的普及,现在介绍一种单纯通过css来进行控制。具体代码如下:[html] view plaincopy> head> meta charset转载 2015-03-17 13:58:19 · 3721 阅读 · 0 评论 -
css3图片墙
无标题文档 .body{ background-color:#e1e1e1; } .wrap{ margin:60px auto; width:1000px; } img{ width:200px;height:180px; transition: 2s; -moz-transition: 1s; /* Firefox 4 */原创 2015-02-02 12:18:59 · 574 阅读 · 0 评论 -
HTML5 Web 存储d
一共有两种在客户端存储数据的新方法1. localStrorage 没有时间限制的数据存储。sessionStrorage 针对一个session 的数据存储2, 创建和访问localStroragelocalStorage.lastname="Smith";document.write("Last name: " + localStorage.last原创 2014-01-15 16:04:49 · 885 阅读 · 0 评论 -
HTML5 地理定位
请使用 getCurrentPosition() 方法来获得用户的位置。<!DOCTYPE html>点击这个按钮,获得您的坐标:试一下var x=document.getElementById("demo");function getLocation() { if (navigator.geolocation) { navi原创 2014-01-15 15:58:05 · 737 阅读 · 0 评论 -
HTML5 video && audio
首先,这个视频标签不是适用于所有的浏览器欧。Internet Explorer 8 不支持 video 元素。一 视频1. video // 这样就可播放一段视频了controls 属性供添加播放,暂停和音量的。 autopaly 自动播放。 loop 循环播放video 标签允许多个source 元素。2. video 使用DOM 进行控制myVi原创 2014-01-15 10:55:59 · 754 阅读 · 0 评论 -
Html5 animation详解
1. @keyframe 无标题文档div{ width:100px; height:100px; background:red; animation:myfirst 5s;-moz-animation:myfirst 5s; /* Firefox */-webkit-animation:myfirst 5s; /* Safari and Chrome */-o-an原创 2015-03-02 13:19:16 · 2015 阅读 · 0 评论