2012 年 5月 3 日随笔档案 - dsfderek

2012年5月3日

摘要： JS让浏览器支持HTML5 用JS脚本，让你的网站兼容IE浏览器。HTML5 SHIV的调用和下载 html5.js一定要加在<head></head>里调用 (因为浏览器必须先解释了这个脚本才能解析后面的html5标签，所以不能放在页面底部）下面是下载地址:http://html5shiv.googlecode.com/svn/trunk/html5.js你可以直接调用这个js脚本，用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:复制内容到剪贴板<!--[i 阅读全文

posted @ 2012-05-03 16:35 dsfderek 阅读(156) 评论(0) 推荐(0)

HTML5 Web Storage简介

摘要： HTML5 Web Storage简介一、HTML5 Web Storage是什么？ HTML5中新增的重要功能可以在客户端本地保存数据便是Web Storage。在HTML4中我们是通过cookies在客户端保存网站用户名等信息，但是cookies的局限性也在长期的使用过程中被发现： 1． Cookies大小被限制在4KB。 2． Cookies随HTTP事务一起被发送，这样会浪费一部分带宽。 3． Cookies很难被操纵，因为它复杂。二、HTML5 Web Storage的分类为此HTML5提供了Web Storage—在客户端保存本地数据的方法，然而HTML5 Web St... 阅读全文

posted @ 2012-05-03 16:28 dsfderek 阅读(184) 评论(0) 推荐(0)

HTML5 Web Storage示例

摘要： chrome浏览查看<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>HTML5 Web Storage示例</title> <script type="text/javascript"> // sessionStorage示例JS function savesessionStorage(id) { var target = document.getElementById(id); var str = ta 阅读全文

posted @ 2012-05-03 16:23 dsfderek 阅读(241) 评论(0) 推荐(0)

简单的HTML5 Web Storage留言册

摘要： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf 阅读全文

posted @ 2012-05-03 16:11 dsfderek 阅读(226) 评论(0) 推荐(0)

12款有助于简化CSS3开发的工具

摘要： 12款有助于简化CSS3开发的工具：网站开发者能通过CSS3为网站设计增添很多时尚元素，CSS3 对CSS规范做了很大的改进。现在，本文将为你介绍12款有助于简化CSS3开发的工具。 1、CSS3 Pie: 允许在IE上使用CSS3绝大部分的酷炫功能。 2、CSS3 Builder：通过该工具，你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型。非常节约时间。 3、CSS3 Drop shadow generatr：通过滑块功能直观的设计阴影。只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可。 4、Cascadr：非CSS... 阅读全文

posted @ 2012-05-03 16:00 dsfderek 阅读(157) 评论(0) 推荐(0)

css3基础知识

摘要： 1.边框圆角（Border Radiuas）<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title></title><style type="text/css">#box1 {width: 100px;height: 100px;padding: 20px;background-color: #ccc;border: 1px solid #699;/* for Mozil 阅读全文

posted @ 2012-05-03 14:49 dsfderek 阅读(323) 评论(0) 推荐(0)

例.网站品牌列表的效果

摘要：佳能(30440) 索尼(27220) 三星(20808) 尼康(17821) 松下(12289) 卡西欧(8242) 富士(14894) 柯达(9520) 宾得(2195) 理光(4114) 奥林巴斯(12205) 明基(1466) 爱国者(3091) 其它品牌相机(7275) 显示全部品牌 ... 阅读全文

posted @ 2012-05-03 14:32 dsfderek 阅读(119) 评论(0) 推荐(0)

例.对多选框进行操作，输出选中的多选框的个数