才子小窝

天生我才必有用,千金散尽还复来

[置顶] Web编程常用手册下载

扩展DOM层的控制开关

才子很多年前就写过一个层的模糊控制开关函数,用来模糊控制指定层的显示与否。
PS:所谓模糊控制是指,当一个层的显示与否未知的情况下,触发这个函数时,被指定的层,原本是显示的变为不显示,而原本不显示的变为显示,才子称其为模糊控制,汗,这种名称都被才子想得出来,晕一下。

原函数如下:

function viewnone(e){
  var obj = document.getElementById(e);
  obj.style.display=(obj.style.display=="none")?"":"none";
}

调用方法就指定一个ID号即可,如:
......

[转]深入认识javascript中的eval函数

先来说eval的用法,内容比较简单,熟悉的可以跳过。
eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。
需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下:
......

一个漂亮的可拖动的弹出窗口

忘了在哪找到的,很久了,最近做一个东东需要用到弹出窗口,翻了出来。
觉得还不是非常满意,自己动手改了一改,感觉不错,分享出来。
代码用javascript封装,调用很简单,效果经过才子严格测试,支持IE5.5, IE6, IE7, FireFox2, FireFox3, Opera9。
不多说,直接给演示:
......

javascript 的容错处理

网络上有个通用的javascript的容错处理函数,如下:

<script language="javascript">
function killErrors() {
  return true;
}
window.onerror = killErrors;
</script>

这样虽然能够屏蔽掉javascript的出错信息,但同时也让开发者不知所措,不知道具体出错的地方。
其实error对象产生时,就会自动返回三个隐藏的参数,分别是:
......

q元素标签在Firefox下渲染效果与IE有差异

之前写过一篇文章:巧妙的利用XHTML中不常用的标签元素,里面才子讲到将q元素标签用来当作我们的关键字粗体渲染的效果,今天调试一个页面,才突然发现q元素标签在Firefox下的渲染效果与IE不同,Firefox下会自动加上一对双引号,如<q>才子小窝</q>在Firefox下会显示成“才子小窝”,而IE下显示是没有双引号的,呵呵,似乎也没有什么定义方法能将双引号去掉。

从q元素本身的意义上来说,本来就是分离文本中的引语,既然只是分离,为什么Firefox还要自己加上一对双引号呢?实在是没想明白,难道Firefox的初衷是想让用户输入对话语言时,不要输入双引号?如果用户输入了双引号,那么在Firefox下会显示成两对双引号,晕了。
......

z-blog默认的default主题乱了

真晕,今天上来一看,莫名其妙的blog的主题出问题了,打开首页时,右边的侧边栏被挤到下面去了,但打开日志页面没问题,汗。
才子可从来没动过默认的主题,没改过CSS文件,怎么会乱了呢?上FTP看了一下,也没有没被更改的痕迹,纳闷了。

有空自己做一套主题算了吧,最近有点忙,先不管了。晕。

两个比较有用的String原型扩展

无意中找到的,转帖者就贴出这一段代码,什么解释也没有,使用范例也没有,我晕。

看了一下,觉得还有点用,作为String的原型扩展还是不错的,收藏一下。
[CODE_LITE]

DIV+CSS布局的几点建议

玩Web重构也有段时日了,算有了那么些心得。经常有网友问才子一些关于布局方面的问题,SvnHost群里还有朋友请才子多写点关于布局方面的教程,帮助一些新手,才子也答应了会多写些关于布局方面才子自己的一些经验及心得,分享给大家。

Web重构许多人认为就是简单的DIV+CSS布局而已,这显然是个错误的概念,具体解释才子不想多说了,这方面文章一堆。DIV+CSS布局的确是重构里非常重要的一环,才子今天就讲讲布局方面的几点建议

1. 请设计一套适合自己风格的布局(含XHTML及CSS)。

......

DIV+CSS布局中p元素引起的问题

今天有个网友问我,他的一个页面布局有点问题,没有按照CSS的定义来渲染,才子看了一下他的CSS文件,没发现哪里有错误,结果一看XHTML,发现一个才子以前犯过的一个错误,在这里才子解释一下,希望帮到一些新手!

这个网友,他的布局其实还算正规,虽然没有用到一些高级技巧来兼容各浏览器之间的差异,但还算中规中矩,只有一个地方有问题,那就是在主内容模块(#main)里,它用到了一个p元素(段落标签)来做子容器,其实这并没有什么问题,但p元素里面他又用到了好几个块元素(block element),用到了h2和h3标题标签,还有div元素,导致这个p元素在CSS中定义的内边距失效,他以为是块元素浮动(float)的问题,结果用clear: both;清除浮动还是没用,p元素定义的padding: 10px;没有生效。
才子告诉他原因了:
......

纯CSS解决未知高宽的图片实现垂直居中

以前我们要实现一个未知高度和宽度的图片在一个容器里垂直居中比较麻烦,今天看到一个非常简单的实现方法,收藏一下。

看CSS的实现原理:
在一个容器里再定义一个绝对定位的p容器,再在p容器里放需要垂直居中的图片,图片定义相对定位的CSS。
直接上CSS代码:
...
分页:[«][1][2][3][4]5[6][7][8][»]

Copyright 2008-? 才子小窝. Some Rights Reserved. 
粤ICP备08040021号  网站地图