Archive: 前端技术
-
十一 13, 2008
No Comments各种图片与内容展示(lightbox)实现
Thickbox – 基于 jQuery,支持 AJAX,轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约为 40k,目前还可作为 WordPress 的插件使用。 GreyBox – 创建 iframe 的弹出界面,可使用图片、HTML 及 URL,大小约为 20k。 GreyBox Redux – 基于 jQuery,比 GreyBox 更轻。 Lightbox v2.0 – 最初是为了显示图片设计的,使用了 prototype 和 sciptaculous,所以有些沉重,但对于图片来说很好用。 Lightbox with moo.fx – 基于 prototype,但只能用于图片。 Lightbox Gone Wild – modal 模式窗口的 lightbox,可使用 html、表单及图片,也是基于 prototype 的,所以有一些 heavy。 Multi-faceted LIghtbox – 又一个基于 prototype...
-
十 31, 2008
No Comments基于jquery图片轮播广告
1. 需要引用 jquery库 2. 样式表 body{ padding:0px; margin:0px; } #Carousel_Frame img{border:0;} #Carousel_Frame{width: 450px; height:332px; text-align:left; overflow:hidden; border:0px solid #000; position:absolute; } #Carousel_list{ width: 450px; height:332px; } /* 图片大小 */ #Carousel_list a{ display: block;} #Carousel_Thumbnails { width: 450px; HEIGHT: 56px; position:absolute; z-index:2; top:270px; left:10px;} #Carousel_Thumbnails ul{ filter: Alpha(Opacity=30); opacity: 0.8; padding:0px; margin:0px;} #Carousel_Thumbnails ul li {...
-
十 31, 2008
No Commentsdiv实现table左下对齐功能
如题: ...
-
十 31, 2008
No Commentscss实现两个图片叠加效果
copydel copydel...
-
十 23, 2008
No Comments自己写了个datagird组件
...
-
十 23, 2008
No CommentsHTTP协议_HTTP头标
二、HTTP头标 头标由主键/值对组成。它们描述客户端或者服务器的属性、被传输的资源以及应该实现连接。 四种不同类型的头标: 1.通用头标:即可用于请求,也可用于响应,是作为一个整体而不是特定资源与事务相关联。 2.请求头标:允许客户端传递关于自身的信息和希望的响应形式。 3.响应头标:服务器和于传递自身信息的响应。 4.实体头标:定义被传送资源的信息。即可用于请求,也可用于响应。 头标格式:: 下表描述在HTTP/1.1中用到的头标 Accept 定义客户端可以处理的媒体类型,按优先级排序; 在一个以逗号为分隔的列表中,可以定义多种类型和使用通配符。例如:Accept: image/jpeg,image/png,*/* Accept-Charset 定义客户端可以处理的字符集,按优先级排序; 在一个以逗号为分隔的列表中,可以定义多种类型和使用通配符。例如:Accept-Charset: iso-8859-1,*,utf-8 Accept-Encoding 定义客户端可以理解的编码机制。例如:Accept-Encoding:gzip,compress Accept-Language 定义客户端乐于接受的自然语言列表。例如:Accept-Language: en,de Accept-Ranges 一个响应头标,它允许服务器指明:将在给定的偏移和长度处,为资源组成部分的接受请求。 该头标的值被理解为请求范围的度量单位。例如Accept-Ranges: bytes或Accept-Ranges: nonea Age 允许服务器规定自服务器生成该响应以来所经过的时间长度,以秒为单位。 该头标主要用于缓存响应。例如:Age: 30 Allow 一个响应头标,它定义一个由位于请求URI中的次源所支持的HTTP方法列表。例如:Allow: GET,PUT aUTHORIZATION 一个响应头标,用于定义访问一种资源所必需的授权(域和被编码的用户ID与口令)。 例如:Authorization: Basic YXV0aG9yOnBoaWw= Cache-Control 一个用于定义缓存指令的通用头标。例如:Cache-Control: max-age=30 Connection 一个用于表明是否保存socket连接为开放的通用头标。例如:Connection: close或Connection: keep-alive Content-Base 一种定义基本URI的实体头标,为了在实体范围内解析相对URLs。 如果没有定义Content-Base头标解析相对URLs,使用Content-Location URI(存在且绝对)或使用URI请求。 例如:Content-Base: Http://www.myweb.com Content-Encoding 一种介质类型修饰符,标明一个实体是如何编码的。例如:Content-Encoding: zip...
-
十 14, 2008
No Commentsjavascript异常处理实例
以前一直不知道如何使用异常处理。今天在处理一个项目时用到,于是看了一下手册,写了一个简单示例. <div id=”a”>abc</div> <script> try { var x = document.getElementById(“ab”); alert(x.innerHTML) //这句会出错,因为没有找到 ab这个ID } catch(e) { alert(“出错:”+e.description); //显示出错的原因 } </script>...
-
十 14, 2008
No Comments让ul与li水平居中,常用于页面居中导航
<html xmlns=”http://www.w3.org/1999/xhtml“> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>无标题文档-SH!</title> <style> ul,li{ margin:0; padding:0; list-style:none; } #area{ width:100%; height:80px; background-color:#eee; text-align:center; overflow:hidden; } #area ul{ float:left; position:relative; left:50%; } #area ul li{ float:left; margin:10px; padding:0 10px; position:relative; right:50%; line-height:60px; border:solid 1px #000; } </style> </head> <body> <h1>跨浏览器实现float:center</h1> <div id=”area”> <ul > <li>列表一,我是浮动的</li> <li>列表二</li> <li>列表三</li> <li>这里可能是N</li> </ul>...
-
十 12, 2008
No Comments第一次使用WP
...