ice-cream
- 浏览: 329132 次
- 性别:
- 来自: 上海
-
文章列表
做网页时经常会有让某个层浮动在浏览器窗口的固定位置不变的需求(如图)。
当出现滚动条时，移动上下滚动条时层相对浏览器边框的距离也不变。
一个position:fix就可以解决，只是ie6到目前为止还不支持这个position属性。
& ...
HTML 3.2
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
HTML 2.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML Tra ...
- 2009-01-14 16:04
- 浏览 1700
- 评论(4)
最近发现一个不错的基于jquery的插件thickBox
，感觉比facebox好用。
做项目中发现facebox如果快速单击两下,容易出现黑屏。而且facebox的框架是用table写的，可能因为table相对div在结构方面更稳定些。如果弹出层里是table布局的，样式就会受到facebox的样式影响，还要重新reset一下。
看了下官方的api，我研究了下，做了个整理。看下图：
附件中index.html是主页，其它页面都是调用页面。点击index页面，就能看到如图的页面。图、按钮、文字都是可以点的。需要点击的标签都要加上class="thickbox"。当 ...
keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode ...
- 2009-01-09 14:44
- 浏览 2441
- 评论(1)
介绍
Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly
Bergevin 把这些问题归类为“尺寸bug(dimensional bugs)”，意思是这些 bug
可以通过赋予相应元素某个宽度或高度解决。这便引出关于“layout”的一个问题：为什么它会改变元素的渲染特性，为什么它会影响到元素之间的关系？这
个问题问得很好，但却很难回答。在这篇文章中，我们专注于这个复杂问题会有那些方面的表现，某一方面的具体讨论和范例请参考文中给出的相关链接。
hasLayout — 定义
“Layout”是一个 I ...
- 2008-12-30 20:44
- 浏览 1991
- 评论(2)
很高兴在上个星期收到了图灵给我寄来的样书《写给大家看的设计书》，看着飘逸的封面，拿着书的感觉也很轻松。这本书的书名似乎挺土的，不过却给我带了第一印象——亲切。
一开始我都会把书粗略的翻了翻（这 ...
- 2008-12-29 21:04
- 浏览 2096
- 评论(2)
最近抽空帮朋友做了个图文管理的后台系统，顺便锻炼一下自己的设计水平。
图文资料管理页面
员工资料管理页面
- 2008-12-28 23:13
- 浏览 1965
- 评论(3)
左图是用keydown事件写的动态过滤填充input框
$(document).ready(function(){
$("input.click").click(function(){$("ul").hide();});
$("input.click").keydown(function(index){
position(this);
$("ul").show();
$("ul li").each(function(){
hoverEvent(this);
$(th ...
- 2008-12-23 23:21
- 浏览 3188
- 评论(2)
YSlow 是Yahoo开发者团队发布的一款基于Firebug的插件。用于分析网页，并根据一些高性能网站的规则进行相应的评级打分，对于网页性能优化有很好的帮助作用，告诉你那些部分影响了你的网页速度，Why Slow！！
主要规则有13条：
1. Make fewer HTTP requests--更少的http请求，也就是说页面中尽量少的引用外部静态资源，js、css以及图片
2. Use a CDN--使用CDN网络，将页面中的静态资源分布到离用户最近的网络节点上
3. Add an Expires header--为静态资源文件增加过期时间，让用户通过本地缓存来更快的访 ...
- 2008-12-17 22:28
- 浏览 2195
- 评论(0)
常常在各大网站上看到如下图所示的图片轮换效果，有的是用flash做的，有的是用js做的。
我就google一下，发现用js写的图片轮换效果例子是不少，可惜要么太繁琐，要么连页面都打不开
于是自己试了试，写了一个，代码很少。
js如下：
$(document).ready(function(){
$(".clickButton a").attr("href","javascript:return false;");
$(".clickButton a").each(function(index ...
如果是用table写的表格，那么用vertical-align:middle就可以实现垂直居中
如果是用div写的表格，那么需要这样写：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type=" ...
- 2008-12-15 13:53
- 浏览 1437
- 评论(0)
比较常见的表单验证功能
当在网站中使用jQuery时，我们必须时常提醒自己如果用户禁用了JavaScript，那么页面看起来会怎样、功能是否还健全（当然，除非我们知道用户是谁，而且知道他们会怎样配置浏览器）。但是，这并不意味着我们不能为JavaScript的用户创建更美观或者功能更强大的网站。渐进增强
的原则在JavaScript开发者中间如此流行，就是因为它在为多数人提供额外功能的同时，还能照顾到全体用户的需求。
效果图如下：
如果我上面这个示例用户禁用了js，效果图如下：
此时内容结构还是一样的清晰明了。
下面来看一下过程：
<fieldset>
< ...
就table的一些常用操作做了一个综合的例子，包括行条纹 高亮 工具条提示 扩展 折叠 筛选等效果。
效果图如下：
下面我把我写的例子拆分解释一下：
1
.
行条纹
var rowIndex = 0;
$("tbody tr").each(function(index){
if($("th",this).length){//检查当前行是否包含th元素
$(this).addClass("subhead");
rowIndex = -1;
}
else{
...
超文本传输协议（HTTP）是一种为分布式，合作式，超媒体信息系统。它是一种通用的，无状态（stateless）的协议，除了应用于超文本传输外，它也可以应用于诸如名称服务器和分布对象管理系统之类的系统，这可以通过扩展它的请求方法，错误代码和报头[47]来实现。HTTP的一个特点是数据表现形式是可输入的和可协商性的，这就允许系统能被建立而独立于数据传输。
HTTP在1990年WWW全球信息刚刚起步的时候就得到了应用。改规范定义的协议用“HTTP/1.1”表示，是对RFC2608[33]的更新.
附件里是我在网上找的中文版，备份一下。
- 2008-12-04 20:06
- 浏览 5384
- 评论(1)
原本以为google首页的动画是动画图片，后来发现是用js写的。
好奇，就仿着google首页的动画用jquery试着写了个。
难点就在切图和定位上。
下面讲一下这两个难点。
切图
：
a
：
这里我拉了些参考线，便于看得更清楚些 ...