摘要：
抽空把公司项目上用的tab效果封装了一下，实在是需要用的地方太多了~~~效果图：代码：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 阅读全文
摘要：
jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 在当今的各个浏览器中都支持事件的冒泡，所谓的冒泡可以这样理解：条件：外层有一个DIV元素，在内层有一个P元素，他两存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。结果：这时，当我们点击内层的P标签 阅读全文
摘要：
“我们正在用HTML5编写我们下一套移动产品。”“是啊，这些天很多人在玩着Appcelerator，我也在玩着。”“嗯，但这并不是我要说的那种HTML5产品。”最近，我有很多类似的交流对话，可能因为我正在开发一套HTML5的应用吧。就像2005年的“AJAX”，“HTML5”这个术语现在还没有被清晰地定义，在未确定这个新技术有什么优势前，它就已经被四处套用，甚至投入运营。如果你在一间被热衷新技术的... 阅读全文
摘要：
有默认值，有一个灰色文字样式（提示用户的信息）；获得焦点后，清空默认值让用户输入文字，这时失去焦点后，给一个样式名来改变文字颜色，这种情况下再次获得焦点时不清空用户已输入的值。如果用户没有输入任何值，返回默认值，灰色文本样式<!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/19 阅读全文
摘要：
未来是Web App的天下，还是Native App的天下？作为设计师，我们是应该努力把客户端的体验提升到最优，还是在网页应用层面上做更多的设计？这个一直是大家关心的话题。那么，我们首先应该立体的认识一下Web App和Native App。一、Web AppWeb无需安装，对设备碎片化的适应能力优于App，它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行。随着iPhone带来的WebKit浏览体验升级，使得专为iPhone等有WebKit浏览内核的移动设备开发的Web应用，也有了如App一般流畅的用户体验。图1 谷歌 Voice 和谷歌 Gmail是Web A 阅读全文
摘要：
表单中的input type=”file”在前端开发中经常会用到，但是很悲剧的是input type=”file”在各个浏览器下表现不统一，样式很难起作用；通常我的设计师是非常爱美的，如果真的要还原设计稿，只能通过文本框和按钮去模拟一个input type=”file”。HTML代码如下：<div class="type-file-box"><form action="" method="post" name="form1" id="form1"><input na 阅读全文
摘要：
type='sumbit'时默认enter键提交表单但如果用的是ajax提交时，type="button"，enter键提交不了，所以只好用js去捕捉onkeydown事件~document.onkeydown = function(e){ e = e || window.event; if(e.keyCode === 13){ //这里放你的代码 }}; 阅读全文
摘要：
background-clip + text-fill-color下的实现如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果：<h2 class="text-gradient">天赐美妞</h2>CSS(CSS代码中关键有用的其实就是最后三行):.text-gradient { display: inline-block; color: green; font-size: 10em; ont-family: ´微软雅黑´; background-image: -webkit-gradie 阅读全文
摘要：
ext-stroke(文本描边)和text-fill-color(文本填充色)注意点：目前这两个属性只有webkit内核的Safari和Chrome支持，例如： -webkit-text-stroke: 3.3px #2A75BF;text-fill-color：颜色值，和color属性差不多都是文字的样式；同时使用text-fill-color和color属性，text-fill-color将覆盖color属性的颜色值；text-fill-color可以使用透明值，即：text-fill-color：transparent查看一个text-stroke(文本描边)和text-fill-col 阅读全文
摘要：
问题：<div id="top" style="height:100px;background-color:#CCC;"></div><div id="parent" style="background-color:#F9F; overflow:hidden;"><div id="child" style="margin-top:10px; background-color:#99F;">想实现效果： Chile 与 paren 阅读全文