存档

  • 简单、通用的JQuery Tab实现

    网页上的空间是寸土寸金,虽然显示器的分辨率越来越大,可是直到今天,网页设计中仍然是以至少1024×768 像素的支持为主,也就是说,每一屏页面只有区区 955×600像素 的安全尺寸可以用而已。于是,为了在有限的空间里容纳更多的内容,滑动门式的标签切换(Tabs)方式越来越受欢迎。通过滑动门技术,可以在同一块页面区域内放置数倍的内容。根据用户的选择来决定显示哪一部分。最近我在实际应用中,逐步完善出一种基于 jQuery,但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。

    阅读:334 | 没有评论
    2009年4月13日 | 归档于 所谓技术
  • 使用Google AjaxLib API托管的js库

    本文简要介绍Google AjaxLib API,并以jQuery为例说明如何在自己的网页中引入由Google提供个CDN托管的jQuery库。

    阅读:362 | 没有评论
    2009年4月5日 | 归档于 所谓技术
  • CSS居然可以这样用

    睡觉前,NT给我发了两个网址,是老外的,那个家伙暴强,居然用纯CSS在页面上画出房子来,平面的、3D的,都画出来了。 看了一下他的CSS代码,一开始以为是这样用: .class{    width:100px;    width:60px;    height:200px;    height:160px;} 后来发现其实一些特殊图形的绘制跟上面的这个怪异的用法没关系,而是用边框来实现的,比如:         这三个形状除了Div,没有任何其它的元素或者文本,更不用说图形了。这是充分利用了border的显示特性。因为当我们同时设置四个方向的border时,浏览器自动会把交叉的部分叠加或者相互剪除。当border足够大的时候,我们就看到了上面这样的特殊效果。谁能想象到这是4个200像素的边框形成的效果呢? 代码如下:  <div style="BORDER-RIGHT: #ff0 50px ridge; BORDER-TOP: #f00 50px ridge; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px ridge; WIDTH: 1px; BORDER-BOTTOM: #00f 50px ridge; HEIGHT: 1px">&nbsp;</div><div style="BORDER-RIGHT: #ff0 50px groove; BORDER-TOP: #f00 50px groove; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px groove; WIDTH: [...]

    阅读:2,727 | 5 条评论
    2006年4月16日 | 归档于 所谓技术
    标签: ,
  • CSS:模拟Windows窗口及DIV居中

      利用CSS,尝试做了一个仿Windows窗口的横向纵向均居中的Div效果:   效果图如下:     以下是完整源代码: <!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=gb2312" /><title>动易远程接口中转</title><style type="text/css"><!–body {margin:0px;background:#ccc;height:auto;font: 9pt Tahoma;text-align:center;color: #000;}#outbox {position:absolute;z-index:888;top:50%;left:50%;margin:-120px 0 0 -200px;width:400px;height:auto;background:#D4D0C8;border:1px solid #ccc;}#title,#body,#bottom {border-top:1px solid #ddd;border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #ddd;}#title {line-height:28px;background:#c4c0c8;}#body {height:150px;text-align:left;padding:10px 10px;}#bottom {height:30px;padding:2px}#input {top:0px;bottom:0px;}–></style></head><body><div id="outbox">  <div id="title">正在进行通行证操作</div>  <div id="body">    <p>正在进行远程数据同步,请勿刷新页面!</p>    <ul>      <li id="api">论坛数据同步中</li>      <li id="powereasy">本站操作已完成!</li>    </ul>  </div>  [...]

    阅读:2,300 | 没有评论
    2006年3月28日 | 归档于 所谓技术
    标签: , ,
  • ASP中的数字和字符比较

    昨晚和老迷聊天聊到很晚,说到一个把字符串转换为数字进行比较的问题。老迷说他喜欢保持字符串本身的类型,进行字符串的匹配比较,而不喜欢把字符串强制转换为数字进行比较。 一开始我不太明白这到底有什么区别,比如 a = “1″ If a = 1 Then ‘Something End If 和 a = “1″ If a = “1″ Then ‘Something End If

    阅读:2,885 | 2 条评论
    2005年11月23日 | 归档于 所谓技术
    标签: ,
  • 用ASP为blog程序编写Trackback功能

      作为所谓的Blog三大特征之一的Trackback Ping,在网络上并没有一个真正的规范,它实际上最早是在Moveable发明并开始运用的一种技术,与另外两项被广泛认为是Blog最主要特征的RSS和Permalink相比,RSS本质上是是一种遵循W3C RDF规范的XML格式,Permalink是一种非常通用的静态地址技术,而Trackback Ping目前为止仅仅是在blog程序中得到运用,除了Moveable的一份技术规范文档外,也没有什么权威的标准,尤其在国内,众多blog程序有的支持有的不支持,有的有限支持,甚至还有因标准不一致而不能互相通信的(参见《blog is dead(blog已死)》)。

    阅读:3,992 | 没有评论
    2005年11月18日 | 归档于 所谓技术
    标签: , ,
  • 酷热&加密方式的冲突

      凌晨3点了,还是热得不得了,我坐在床上,只有手指在动,照样浑身冒汗。每隔几分钟就要停下来用纸巾擦试手腕以及键盘的腕托部分。本来接口的规范在写动易和动网的接口的时候已经确定下来了。在作Leadbbs接口的时候临时又发现了问题:Leadbbs采用的是32位加密方法。

    阅读:2,688 | 2 条评论
    2005年6月22日 | 归档于 乱七八糟
    标签: , ,
文章标签 ‘代码’