upforever

所有特殊符号

2008-11-27T22:46:00.000-08:00

░ ▒ ▬ ♦ ◊ ◦ ♠ ♣ ▣ ۰•● ❤ ●•۰
► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦

♧♡♂♀♠♣♥❤☜☞☎☏⊙◎ ☺☻☼▧▨♨◐◑↔↕▪ ▒ ◊◦▣▤▥ ▦▩◘ ◈◇♬♪♩♭♪の★☆→あぃ￡Ю〓§♤♥▶¤๑⊹⊱⋛⋌⋚⊰⊹
≈ ๑۩۩.. ..۩۩๑ ๑۩۞۩๑ ✲ ❈ ✿ ✲ ❈ ➹ ~.~ ◕‿-｡ ☀☂☁【】┱ ┲ ❣ ✚ ✪ ✣ ✤ ✥ ✦❉ ❥ ❦ ❧ ❃ ❂ ❁ ❀ ✄ ☪ ☣ ☢ ☠ ☭

ღღღ ▶ ▷ ◀ ◁ ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ⊙ ☊ ☋ ☌ ☍ⓛⓞⓥⓔ ╬ 『』∴ ☀ .｡◕‿◕｡ ♫ ♬ ♩ ♭ ♪ ☆ ∷ ﹌の ★ ◎ ▶☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕↘ ☼ ▀ ▄ █ ▌░ ▒ ▬ ♦ ◊
☜ ☞ ▐ ░ ▒▬ ♦ ◊ ◦ ☼ ♪ の ☆→ ♧ ぃ￡ ❤ ｡◕‿◕｡ ✎ ✟ஐ

♡.1　⊙●○①?◎Θ⊙¤㊣★☆♀◆◇◣◢◥▲▼△▽⊿◤ ◥　　　　

♡.2　▆ ▇ █ █ ■ ▓ 回 □ 〓≡ ╝╚╔ ╗╬ ═ ╓ ╩ ┠ ┨┯ ┷┏

♡.3　┓┗ ┛┳⊥『』┌ ┐└ ┘∟「」↑↓→←↘↙♀♂┇┅ ﹉﹊﹍﹎╭

♡.4　╮╰ ╯ *^_^* ^*^ ^-^ ^_^ ^（^ ∵∴‖｜｜︴﹏﹋﹌（）〔〕

♡.5　【】〖〗＠：！/ " _ < > `,·。≈{}~ ～() _ -『』√ $ @ * & # ※

♡.6　卐々∞Ψ ∪∩∈∏ の ℡ ぁ §∮”〃ミ灬ξ№∑⌒ξζω＊ㄨ ≮≯ ＋

♡.7　－×÷＋－±／＝∫∮∝ ∞ ∧∨ ∑ ∏ ‖∠ ≌ ∽ ≤ ≥ ≈＜＞じ

♡.8　☆veve↑↓⊙●★☆■♀『』◆◣◥▲Ψ ※◤ ◥ →№←㊣∑⌒〖〗＠

♡.9　ξζω□∮〓※∴ぷ▂▃▅▆█ ∏卐【】△√ ∩¤々♀♂∞①ㄨ≡↘↙▂

♡.10　▂ ▃ ▄ ▅ ▆ ▇ █┗┛╰☆╮ ≠ ▂ ▃ ▄ ▅

♡.1．·°∴ ☆．．·°♡Yesterday ♡．·°

♡.2　♡KicaZ宝贝o(╥﹏╥)o ♥♡　じ☆ve【 오빠 사랑해요 】*° ^_^.......♧♧

♡.3　┢┦aΡｐy ♡^_^♡　☜♥☞　☞　☜　ぜ长ヤ乷　｡◕‿◕｡Cool Friends｡◕‿◕｡

♡.4　【】—一　▄【┻┳═一　▄【┳一　▄【┻═┳一　▄【┳-一

♡.5　▄【┻═┳　【┳═一　▄【┳一·　▄【┳═一　【┳═一oO

♡.6　-—═┳【　∝╬══→　::======>>　┈━═☆　┣▇▇▇═—

♡.7　ゅ≈小鱼≈ゅ　卐　 ♡ゞ、时差 7 or 8 小时‘ヅ♡ ◈◇

♡. 8 ...¤¸¸.·´¯`·.¸·.>>--» 洛雨·晴缘«---<<·.¸¸.·´¯`·.¸¸.¤...

♡. 9 ╬叮咛╬　One fifth...☺☺ &( ^___^ )& 麻花辫女孩

♡. 10 (？o？) 喔？ (☆＿☆) 眼睛一亮 (*^〔^*) 羞羞脸

♡. 11 (作鬼脸) ( 「「 ) ~~~→ 怀疑喔～～ (‧_‧？) 什麼事啊？

♡. 12 (．．) 请问～ (((^^)(^^))) 什麼什麼，告诉我吧！

♡. 13 ( *^_^* ) 笑(打招呼) ( T___T ) 怎麼会这样… (≥◇≤) 感动～

♡.14 ……\ ( > < ) / 哇～出现了 ( ⊙ o ⊙ ) 目瞪口呆

♡.15 ( ¯ □ ¯ ) 脑中一片空白 ( *>.<* ) ~@ 酸～～！

♡.16 ( E___E ) 念昏了头 ( $ _ $ ) 见钱眼开！( 3__3 ) 刚睡醒～

♡.17 (ｂ_ｄ) 戴了副眼镜 (*^＠^*) 乖～还含个奶嘴哦

♡.18 ( ＠^^＠) 脸红了啦！ o(‧"‧)o (皱眉头)

♡.19 Chris' Blog™ ♪ ♬ ๑•ิ.•ั๑ ♠ ♣ ✖

♡.20 ♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ▪ ▫

♡.21 ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◦ ☼ ♠ ♣ ▣ ▤ ▥

♡.22 ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆→ あぃ￡ ❤ ｡◕‿◕｡

♡.ゃōゃ ⊙▂⊙　⊙０⊙　⊙＾⊙　⊙ω⊙　⊙﹏⊙　⊙△⊙　⊙▽⊙

♡.◑▂◐　◑０◐　◑＾◐　◑ω◐　◑﹏◐　◑△◐　　◑▽◐

♡.∩▂∩　∩０∩　∩＾∩　∩ω∩　∩﹏∩　∩△∩　∩▽∩

♡.●▂●　　●０●　　●＾●　　●ω●　　●﹏●　　●△● 　●▽●

♡.∪▂∪　∪０∪　∪＾∪　∪ω∪　∪﹏∪　∪△∪　∪▽∪

♡. ≥▂≤　≥０≤　≥＾≤　≥ω≤　≥﹏≤　≥△≤　≥▽≤

T_T 流眼泪的样子

　　~~>_<~~ 痛哭，十分伤心

　　⊙⊙ 睁着眼睛看着你

　　^_~ 俏皮地向对方眨眼睛

　　*o* 陶醉

　　:p 吐舌头

　　@_@ 高度近视

　　<@_@> 醉了

　　o_o 盯着...

　　^o^ 扮鬼脸，或者很得意，很自豪

　　O_O 吃惊

　　-_- 神秘的笑容

　　^_^ 快乐的人儿

　　＿.,＿裂开嘴轻声笑

　　^v^ 很憨地笑

　　^^v 成功了，高兴地笑，在用胜利的手势

　　(^-^) 欢喜

　　(^o^) 欢喜

　　*^____^* 大笑

　　=_=^ 得意

　　=^_^= 脸红的人儿

　　*^_^* 脸红

　　=_= 晕

　　+_+ 昏迷

　　?_? 茫然，不明所以

　　$_$ 贪心

　　~_~ 生气

　　T^T 生气

　　>o< 愤怒 .\ /. 愤怒

　　e_e 困，想睡觉

　　－_－# 分特（分特＝faint、晕，即很无奈、很受不了）

　　－_－b 流汗

　　－_－^ 流汗

　　>_< 表示要发飚了，准备收拾人；或者极度郁闷

　　－O－打呵欠
1)愉快的情况

└(^o^)┘; 偶头好状壮ㄋㄟ```
﹌○﹋喔嗨呦^ˇ^≡
~^o^~ 大家安安!!
=^_^= 温馨的微笑!!!
Y(^_^)Y 举双手胜利
\^o^/ 欢呼
^o^y 胜利^o^y
↖(^ω^)↗ 小猪为你打气!
~^o^~ 加油呦!
*^ˍ^* 笑,打
*^ο^* 哦～,呵呵傻笑
*^◎^* 呵呵大笑(嘴唇好厚)
*^÷^* 得意的笑(有上下唇的哟)
~~~^_^~~~ 笑毙罗(笑得连眼泪都蹦出来了...)
(-.-)=3 松ㄌ一口气~
~~~///(^v^)\\\~~~ 微笑表示友善!!!~哈~哈~
~@^_^@~ 可爱呦!
\\*^o^*// 可爱ㄋㄟ~
~*.*~ 害羞又迷人的小女生
#^_^# 脸红了!!
∩__∩y 耶~~^^ (装可爱?!)
(*^@^*) 乖～(还含个奶嘴哦) X﹏X糟糕.. 完蛋的意思呀~~
(° ο°)~@ 晕倒了..
{{{(>_<)}}} 发抖
╯﹏╰ 粉无奈~~
\(╯-╰)/ 很没劲/无耐的意思
(╯^╰〉一脸苦瓜
}_} 粉无奈..粉悲情
-____-" 唉~~别提了.....
._. 受到打击,表情呈现呆滞样～
(*@^@*〉悲,晕
-(- 好伤心.
//(ㄒoㄒ)// 流泪中...
::>_<:: 哭
〒_〒鸣~~我在哭...
%>_<% 我要哭了哦...
╰_╯我发火了!! 生气的意思~~~眉毛都翘起来~~
>_<# 粉生气~冒青筋
@x@ 生气
(ˋ^ˊ〉-# 生气
(>﹏<) 不～
(*+﹏+*)~ @ 受不了～
x__x, 唉..... 别哭了!
(2)讶异的

>_<¦¦¦ 很尴尬~!!!
^_^; 尴尬
⊙﹏⊙‖∣° 真尴尬～～
^_^¦¦¦ 好尴尬!
^_^" 尴尬的笑.....
→_→ 怀疑的眼神~~
..@_@¦¦¦¦¦.. 头昏眼花
…(⊙_⊙;)… ○圭~○列~~怎麼酱?
o_o .... 沉思(说穿了"呆滞状况")
O__O" 呆滞的眼神~~~!!
///^_^....... 造成"冷"...乾笑~
?o?¦¦¦ 听无(就是听不懂ㄉ意思啦^^)
( ^_^ )? 什麼意思??
(+_+)? 不知道你在什麼
(?ε?)? 哩公啥哇听无啦~
o_O??? 发生啥事?
@_@a 搔头,疑惑
一一+ 锐利的眼神~
>"<¦¦¦¦ 伤脑筋的意思~ `(*>﹏<*)′ 好刺激..
(*@ο@*) 哇～
O_o 惊讶~~~
(⊙o⊙) 目瞪口呆
(°ο°)~ @ 晕倒,不省人事
*@_@* 崇拜的眼神;眼睛为之一亮
★~★ 见到偶像眼睛为之一亮
(3)表达爱意

^◎- 爱你呦~~
(*^‧^*) 啵一个!
(^_^)∠※ 送你一束花
(*^〔^*〕羞羞
`(*^﹏^*)′ 超级羞羞
`(*∩_∩*)′ 献上
4)爱困的

~_~ 想睡觉了的意思!!
(～ o ～)~zZ 我想睡啦～
π_π 打瞌睡
5)感动的

=@~@= 一个看到美眉就紧张+脸红的大学生.
@(一-一) 秘密--------嘘```````
(ˇ^ˇ〉不以为然
(^人^) 拜托啦^^~
(^_^)/~~ 掰掰~
*x*... ... 你逼我也没用,我劫对不会搜粗弃的!
~w_w~ ... ... 嘘!别吵偶,让偶思考一下!
(ˇˍˇ) 嗯～,思考中
..<{=... 乌鸦乌鸦飞过去表示冷场,无趣.....
(*>.<*)~ @ 酸～
~`o`~ 了解
ˋ_ˊ* 你不要命啦!!!
-.- 装蒜 ~>_<~+ 好感人唷...
Q_Q 流眼泪的样子!!
(+﹏+) 流泪,感动
`(+﹏+)′ 超级感动,眼泪不停
^_^o ~~~ 感动感动~~~
¦¦¦¦¦ 表情篇 ¦¦¦¦¦

(‧_‧?) ( *^_^* ) (..)
什麼事啊? 笑(打招呼) 请问～
(((^^)(^^))) ( T___T ) (≥◇≤)
什麼什麼,告诉我吧! 怎麼会这样… 感动～
……\ ( > < ) / ( ⊙ o ⊙ ) ( ¯ □ ¯ )
哇～出现了目瞪口呆脑中一片空白
( *>.<* ) ~@ f( ^_^ ) ( E___E )
酸～～! 呵,这样啊念昏了头
( $ _ $ ) (b_d) ( 3__3 )
见钱眼开! 戴了副眼镜刚睡醒～
(*^@^*) ( @^^@) o(‧"‧)o
乖～还含个奶嘴哦脸红了啦! (皱眉头)
(?o?) (☆_☆) (*^〔^*)
喔? 眼睛一亮羞羞脸
&( ^___^ )& (*^﹏^*) (.Q.)
麻花辫女孩超级羞羞～ (作鬼脸)

a example for rorating the image

2008-11-26T18:37:00.000-08:00

rotateImage = function(p, angle, whence){
if (whence) {
p.angle = ((p.angle == undefined ? 0 : p.angle) + angle) % 360;
}
else {
p.angle = angle;
}

if (p.angle >= 0) {
var rotation = Math.PI * p.angle / 180;
}
else {
var rotation = Math.PI * (360 + p.angle) / 180;
}
var costheta = Math.cos(rotation);
var sintheta = Math.sin(rotation);
if (document.all && !window.opera) {
var canvas = document.createElement("img");
canvas.src = p.src;
canvas.height = p.height;
canvas.width = p.width;
canvas.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11=" + costheta + ",M12=" + - sintheta + ",M21=" + sintheta + ",M22=" + costheta + ",SizingMethod='auto expand')";
}
else {
var canvas = document.createElement("canvas");
if (!p.oImage) {
canvas.oImage = new Image;
canvas.oImage.src = p.src;
}
else {
canvas.oImage = p.oImage;
}
canvas.style.width = canvas.width = Math.abs(costheta * canvas.oImage.width) + Math.abs(sintheta * canvas.oImage.height);
canvas.style.height = canvas.height = Math.abs(costheta * canvas.oImage.height) + Math.abs(sintheta * canvas.oImage.width);
var context = canvas.getContext("2d");
context.save();
if (rotation <= Math.PI / 2) {
context.translate(sintheta * canvas.oImage.height, 0);
}
else if (rotation <= Math.PI) {
context.translate(canvas.width, - costheta * canvas.oImage.height);
}
else if (rotation <= 1.5 * Math.PI) {
context.translate(- costheta * canvas.oImage.width, canvas.height);
}
else {
context.translate(0, - sintheta * canvas.oImage.width);
}
context.rotate(rotation);
context.drawImage(canvas.oImage, 0, 0, canvas.oImage.width, canvas.oImage.height);
context.restore();
}
canvas.id = p.id;
canvas.angle = p.angle;
canvas.angle = canvas.angle < 0 ? 360 + canvas.angle :canvas.angle
p.parentNode.replaceChild(canvas, p);
};

a stock line example in javascript

2008-11-21T06:16:00.000-08:00

fjlsfks;fkd;

mouse cursor --from javascriptkit

2008-10-08T06:18:00.000-07:00

Custom CSS Cursors

Using CSS, you can change the default cursor icon associated with a particular element, even specifying your own cursor image (in IE6+) instead. However, with power comes responsibility. Modify the cursor only when it makes sense to, such as when you're applying it to a custom interface. Like popup windows of JavaScript, changing cursors can quickly become counterproductive and irritating to the user.

Below lists all the available values for the CSS property "cursor" (as of CSS2.1):
Icon Value Live example (move mouse over box) Browser
auto The User Agent determines the cursor to display based on the current context. All
default
style="cursor: default;"
All
hand
style="cursor: hand;"
IE
pointer
style="cursor: pointer;"
NS6/ IE6
hand & pointer
style="cursor: pointer; cursor: hand;"
Cross browser
crosshair
style="cursor: crosshair;"
All
text
style="cursor: text;"
All
wait
style="cursor: wait;"
All
help
style="cursor: help;"
All
inherit Takes on its parent element's computed cursor value. All
move
style="cursor: move;"
All
e-resize
style="cursor: e-resize;"
All
ne-resize
style="cursor: ne-resize;"
All
nw-resize
style="cursor: nw-resize;"
All
n-resize
style="cursor: n-resize;"
All
se-resize
style="cursor: se-resize;"
All
sw-resize
style="cursor: sw-resize;"
All
s-resize
style="cursor: s-resize;"
All
w-resize
style="cursor: w-resize;"
All
progress
style="cursor: progress;"
IE6
all-scroll
style="cursor: all-scroll;"
IE6
col-resize
style="cursor: col-resize;"
IE6
no-drop
style="cursor: no-drop;"
IE6
not-allowed
style="cursor: not-allowed;"
IE6
row-resize
style="cursor: row-resize;"
IE6
url(uri)
style="cursor: url(mycursor.cur);"

Note: Only .cur and .ani file types are supported as of IE6.
IE6
vertical-text
style="cursor: vertical-text;"
IE6

Using the "cursor" property is like with any CSS property- simply apply it to the desired element. Here are a few examples:

Example #1:

This changes the default arrow cursor of a webpage to a custom image instead.

Example #2:

Help

In this second example, the entire DIV has a cursor of "move", and the link that follows, a "help" cursor.
Changing the cursor dynamically using JavaScript

As if the above isn't enough, you can change the cursor on the fly using JavaScript (as with most CSS properties). Simply use the syntax:

element.style.cursor="new_cursor_value"

Example #3 (disable text selection on the page): This last example disables text selection on the page in IE5+, and to make the process more intuitive, changes the cursor to "not allowed" while the user is dragging the mouse to try and select text:

onMouseup="this.style.cursor='default'">

转载 Javascript中最常用的55个经典技巧收藏

2008-10-08T06:07:00.000-07:00

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键

可用于Table

2. 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. IE地址栏前换成自己的图标

6. 可以在收藏夹中显示出你的图标

7. 关闭输入法

8. 永远都会带着框架

9. 防止被人frame

10. 网页将不能被另存为

11.
12.删除时确认
删除

13. 取得控件的绝对位置
//Javascript

//VBScript

14. 光标是停在文本框文字的最后

15. 判断上一页的来源
javascript :
document.referrer

16. 最小化、最大化、关闭窗口

本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl

18. 网页不会被缓存

或者

19.怎样让表单没有凹凸感？

或

20.

&的区别？

(division)用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟

的唯一区别是不产生转行
是ns的标记，ie不支持，相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?
让竖条没有:

让横条没有:

两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少

32. 日期减去天数等于第二个日期

33. 选择了哪一个Radio

Style
Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：
把如下代码加入区域中:

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转

40.网页是否被检索

　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

41、email地址的分割
把如下代码加入区域中
webmaster@sina.com

42、流动边框效果的表格
把如下代码加入区域中

43、JavaScript主页弹出窗口技巧
窗口中间弹出

============

==============
一、在下面的代码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。
　　代码如下：
　　
　　
　　二、上面的代码也太静了，为何不来点动感呢？如果能给页面来个降落效果那该多好啊！
　　代码如下：
　　
　　
　　三、讨厌很多网站总是按照默认窗口打开，如果你能随心所欲控制打开的窗口那该多好。
　　代码如下:
　　
　　
　　
　　
　　
　　


　　打开页面的参数


　　离开左边的距离:  pixels

　　离开右边的距离:  pixels

　　窗口的宽度:  pixels

　　窗口的高度:  pixels

你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。

44、页面的打开移动
把如下代码加入区域中

45、显示个人客户端机器的日期和时间

46、自动的为你每次产生最後修改的日期了：

This is a simple HTML- page.

Last changes:

47、不能为空和邮件地址的约束：

50、查看某网址的源代码
把如下代码加入区域中

输入要查看源代码的URL地址:

51、title显示日期
把如下代码加入区域中:

52、显示所有链接
把如下代码加入区域中

53、回车键换行
把如下代码加入区域中

回车换行
<br />
<br />
<br />54、确认后提交
<br />把如下代码加入<body>区域中
<br /><SCRIPT LANGUAGE="JavaScript">
<br />
<br /></SCRIPT>
<br /><form name="lnman" method="post" action="">
<br />   <p>
<br />     <input type="text" name="textfield" value="确认后提交">
<br />   </p>
<br />   <p>
<br />     <input type="button" name="Submit" value="提交" onclick="msg();">
<br />   </p>
<br /></form>
<br />
<br />
<br />55、改变表格的内容
<br />把如下代码加入<body>区域中
<br /><script ***script>
<br />var arr=new Array()
<br />arr[0]="一一一一一";
<br />arr[1]="二二二二二";
<br />arr[2]="三三三三三";
<br /></script>
<br /><select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]">
<br />   <option value=a>改变第一格</option>
<br />   <option value=a>改变第二格</option>
<br />   <option value=a>改变第三格</option>
<br /></select>
<br /><table id=zz border=1>
<br />   <tr height=20>
<br />     <td width=150>第一格</td>
<br /><td width=150>第二格</td>
<br /><td width=150>第三格</td>
<br />   </tr>
<br /></table>
<br /> 
<br />
<br />发表于 @ 2007年08月09日 11:21:00|评论(93)|编辑
<br />新一篇: 关于企业级安全管理策略的探讨  | 旧一篇: JavaScript：世界上误解最深的语言
<br />评论
<br />
<br />#song218888 发表于2007-08-11 10:13:04  IP: 125.73.28.*
<br />    好东西，一定要顶波。
<br />
<br />#djsky1234 发表于2007-08-12 11:45:51  IP: 219.238.245.*
<br />    顶````好东西```
<br />
<br />#Try1Try 发表于2007-08-12 13:09:13  IP: 74.12.74.*
<br />    实用技巧，帮你顶
<br />
<br />#zhujun2006un 发表于2007-08-12 17:05:20  IP: 58.49.254.*
<br />    好东西，我收藏了！
<br />
<br />#tanaaa84 发表于2007-08-13 09:51:13  IP: 211.167.66.*
<br />    受益匪浅！顶！
<br />
<br />#robertluolinbo 发表于2007-08-13 10:54:34  IP: 219.134.235.*
<br />    支持啊！这么好的东西
<br />
<br />#maer56 发表于2007-08-13 15:03:23  IP: 211.101.34.*
<br />    http://jsdoc.cn 我做的JavaScript站点
<br />
<br />#shaguaprince 发表于2007-08-14 00:53:39  IP: 124.236.192.*
<br />    支持!
<br />
<br />#foxfab 发表于2007-08-14 15:18:44  IP: 210.21.227.*
<br />    支持，不過代碼好多不能直接用，要修改的地方好多哦，
<br />    比如那個統計網頁打開時間的代碼錯誤比較多。修改如下：
<br />    <script language=javascript>
<br />    tim=1
<br />    setInterval("tim++",100)
<br />    b=1
<br />    var autourl=new Array()
<br />    autourl[1]="www.msic.com.cn";
<br />    autourl[2]="www.cs.vvv.vom";
<br />    autourl[3]="www.sina.com.cn";
<br />    autourl[4]="www.nuaa.edu.cn";
<br />    autourl[5]="www.cctv.com";
<br />    function butt()
<br />    {
<br />    document.write("<form name=autof>");
<br />    {
<br />    for(var i=1;i<=autourl.length;i++)
<br />    {
<br />    document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text name=url"+i+" id=c"+i+" size=40> =》<input type=button name=b"+i+" value='GO' onclick=window.open(this.form.url"+i+".value)><br>");
<br />    document.write("<input type=submit value=刷新>");
<br />    //alert(document.forms[0]["url"+i]);
<br />    }
<br />    }
<br />    document.write("</form>");
<br />    }
<br />    butt();
<br />    function auto(url)
<br />    {
<br />    document.forms[0]["url"+b].value = url;
<br />    if(tim>200)
<br />    {
<br />    document.forms[0]["txt"+b].value="鏈接超時";
<br />    }
<br />    else
<br />    {
<br />    document.forms[0]["txt"+b].value="時間"+tim/10+"秒";
<br />    b++;
<br />    }
<br />    }
<br />    function run()
<br />    {
<br />    for(var i=1;i<autourl.length;i++)
<br />    {
<br />    document.write("
<br /><div class="blogger-post-footer"></div>
</article>
<article>
<h1>a simple javascript library to get day or timestamp</h1>
<p>2008-08-19T00:02:00.000-07:00</p>
Date.prototype.getTimestamp = function(format){//the separatings line can be "-" ,'/' or '.' or else<br /> var currentTime = new Date();<br /> var thisYear = currentTime.getFullYear();<br /> var thisMonth = currentTime.getMonth()+1;<br /> var today = currentTime.getDate();<br /> var hh = currentTime.getHours();<br /> var mm = currentTime.getMinutes()>10?currentTime.getMinutes():("0"+currentTime.getMinutes())<br /> var ss = currentTime.getSeconds()>10?currentTime.getSeconds():("0"+currentTime.getSeconds());<br />        return ( format.replace(/(y{2,4})/,thisYear).replace('MM',thisMonth).replace('dd',today).replace('hh',hh).replace('mm',mm).replace('ss',ss));<br />     <br />}<br /><br />Date.prototype.getSomeDay = function(someday){<br /> var weekend=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];<br />        var now = someday.split(/[\-|\/|\.]/);<br />        var thisYear = parseInt(now[0]);<br /> var thisMonth = parseInt(now[1].replace(/(^0)/,''));<br /> var today = parseInt(now[2].replace(/(^0)/,''));<br /> if(thisMonth == 1) {<br />  thisMonth = 13;<br />  thisYear-=1;<br /> }<br /> if(thisMonth ==2){<br />  thisMonth =14;<br />  thisYear-=1;<br /> } <br /> var week=Math.round((today+2*thisMonth+3*(thisMonth+1)/5+thisYear+thisYear/4-thisYear/100+thisYear/400)%7); <br /> return weekend[week];<br />}<div class="blogger-post-footer"></div>
</article>
<article>
<h1>Configuration about tomcat and apache with ssi</h1>
<p>2008-07-22T19:35:00.000-07:00</p>
Traditionally,we use tomcat which is a container as server to parse  servlet and jsp,but as we know,apache can handle some staticl pages like html,shtml faster than tomcat,so usually we use them together for our website,but there is another configuration which is normally used by apache without tomcat,can we use them all together for our website?to be honest,I think you can,here is the configration about apache:<br />(1)apache with tomcat:# BEGIN This is for tomcat server<br /># load the jk_mode<br />LoadModule jk_module modules/mod_jk-1.2.26-httpd-2.2.4.so<br /># set the configure file for jk<br />JkWorkersFile conf/workers.properties<br /><br /><br /># Where to put jk shared memory<br /># Update this path to match your local state directory or logs directory<br />#JkShmFile /var/log/httpd/mod_jk.shm<br /><br /><br /># Where to put jk logs<br /># Update this path to match your logs directory location (put mod_jk.log next to access_log)<br />JkLogFile logs/mod_jk.log<br /><br /><br /># Set the jk log level [debug/error/info]<br />JkLogLevel info<br /><br /><br /># Select the timestamp log format<br />JkLogStampFormat "[%a %b %d %H:%M:%S %Y] "<br /><br /># set the forward<br />JkMount /*.jsp worker1<br />JkMount /*.do worker1<br /><br /># Alias EarthData<br />Alias /vc_EarthMap/ "/usr/virtualchina/EarthData/"<br />Alias /vc_Model/ "/usr/virtualchina/data/"<br />Alias /vc_Texture/ "/usr/virtualchina/data/"<br />Alias /vc_File/sohu/ "/usr/virtualchina/sohu/"<br />Alias /v/ "E:/WebApp/virtualchina/webapp/"<br /># Alias the root dir to /<br />#JkAutoAlias "C:/Program Files/apache-tomcat-6.0.14/webapps/ROOT"<br />#JkMount /* worker1<br /><br /><Directory "E:/WebApp/virtualchina/webapp/"><br />    #<br />    # Possible values for the Options directive are "None", "All",<br />    # or any combination of:<br />    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews<br />    #<br />    # Note that "MultiViews" must be named *explicitly* --- "Options All"<br />    # doesn't give it to you.<br />    #<br />    # The Options directive is both complicated and important.  Please see<br />    # http://httpd.apache.org/docs/2.2/mod/core.html#options<br />    # for more information.<br />    #<br />    Options FollowSymLinks<br /><br />    #<br />    # AllowOverride controls what directives may be placed in .htaccess files.<br />    # It can be "All", "None", or any combination of the keywords:<br />    #   Options FileInfo AuthConfig Limit<br />    #<br />    AllowOverride None<br /><br />    #<br />    # Controls who can get stuff from this server.<br />    #<br />    Order allow,deny<br />    allow  from all<br /><br /></Directory><br /><Directory "/usr/tomcat/webapps/v/"><br /> Options  FollowSymLinks<br />        AllowOverride None<br /> Order allow,deny<br /> allow from all<br /></Directory><br /><br /># protect the WEB-INF dir<br /><Directory "/usr/tomcat/webapps/v/WEB-INF"><br />    AllowOverride None<br />    Order deny,allow<br />    Deny from all<br /></Directory><br /><br /><Directory "/usr/tomcat/webapps/v/META-INF"><br />    AllowOverride None<br />    Order deny,allow<br />    Deny from all<br /></Directory><br /># END<br /><br />#put this to the beginning of the httpd.conf<br /><br />(2)enable ssi:<br /> remove the comments for these two lines:<br />   # AddType text/html .shtml<br />  # AddOutputFilter INCLUDES .shtml <br />changed to be:<br />  AddType text/html .shtml<br />   AddOutputFilter INCLUDES .shtml <br />add "Includes" to the end of this line<br />   Options Indexes FollowSymLinks <br />to be<br />   Options Indexes FollowSymLinks Includes <br />(3)add a file named workers.properties under apache2.2\conf ,the content is:<br /><br />   # Define 1 real worker using ajp13<br />   worker.list=worker1<br />   # Set properties for worker1 (ajp13)<br />   worker.worker1.type=ajp13<br />   worker.worker1.host=localhost<br />   worker.worker1.port=8009<br />tomcat:<br />(1)<br />  Rename $CATALINA_BASE/server/lib/servlets-ssi.renametojar to $CATALINA_BASE/server/lib/servlets-ssi.jar.<br />(2)<br />To use the SSI servlet, remove the XML comments from around the SSI servlet and servlet-mapping configuration in $CATALINA_BASE/conf/web.xml.<br />(3)<br />To use the SSI filter, remove the XML comments from around the SSI filter and filter-mapping configuration in $CATALINA_BASE/conf/web.xml<br />(4)open the $CATALINA_BASE/conf/context.xml<br />   add a property for the first line<br />  <Context privileged="true"><br /><br />that is all the steps I did,hope it can help you,cheers!<div class="blogger-post-footer"></div>
</article>
<article>
<h1>RevealTrans Filter --Joe Burns</h1>
<p>2008-07-17T20:24:00.000-07:00</p>
The Code
<br />     It kills me that this is so simple. Here's the code that creates the effects. They are META commands so they go between your document's <HEAD> commands, below the <TITLE> and </TITLE> commands. Here they are: 
<br />
<br />
<br />--------------------------------------------------------------------------------
<br />
<br />
<br /><META HTTP-EQUIV="Site-Enter" content="revealTrans(Duration=1.0,Transition=23)">
<br /><META HTTP-EQUIV="Site-Exit" content="revealTrans(Duration=1.0,Transition=23)"> 
<br />
<br />
<br />--------------------------------------------------------------------------------
<br />
<br />
<br />Here's What's Happening
<br />     I'll only do the top command. You can pretty much take it from there to figure out the bottom one.
<br />
<br />META means that this command will tell about the page.
<br />
<br />HTTP-EQUIV stands for Hypertext Transfer Protocol Equivalent. That's a fancy way of saying, through HTTP, make an equal to this page. Or in simpler terms, do something to the display of this page.
<br />
<br />"Site-Enter" means to do the transition when someone enters the page. I think this is why you cannot get the effect when simply reloading.
<br />
<br />revealTrans is DHTML script denoting that the page should be "revealed".
<br />
<br />Duration=1.0 is the duration of the effect. It's set to one second right now.
<br />
<br />Transition=23 is to randomly choose from 22 other transitions. 
<br />
<br />
<br />--------------------------------------------------------------------------------
<br />
<br />
<br />What Was That Last One Again?
<br />     What? It doesn't make perfect sense to you that 23 is the perfect number for a random transition? Me neither, actually. And to be quite honest, I'm still not sure I am totally correct. I base my statements on a totally unscientific process of entering the numbers 1 through 46 (2 x 23) into the transition statement and recording what happened.
<br />     You're right. I have no life. Here's what I found: 
<br />
<br />
<br />
<br />--------------------------------------------------------------------------------
<br />
<br />
<br />The Transition Numbers
<br />     You can try this for yourself. Just plug the numbers in and see. This is also pretty helpful knowledge if you want to set a specific transition.
<br />
<br />#  What Happens 
<br />1  Reveal from inside out 
<br />2  Scroll in from outer parts 
<br />3  Scroll out from center 
<br />4  Scroll up from button 
<br />5  Scroll down from top 
<br />6  Scroll left to right 
<br />7  Scroll right to left 
<br />8  Vertical Blinds left to right 
<br />9  Horizontal Blink top to bottom 
<br />10  Combination of 8 and 9 
<br />11  Looks a lot like 8 
<br />12  Comes in using pixels pixels 
<br />13  Scrolls in from outer parts 
<br />14  Scrolls out from center 
<br />15  Closes from both top and bottom 
<br />16  Opens from center to top and bottom 
<br />17  Diagonal roll from right to left 
<br />18  Different angle diagonal roll right to left 
<br />19  Number 17 -- the other way 
<br />20  Number 18 -- the other way 
<br />21  Random horizontal lines 
<br />22  Random vertical lines 
<br />23  Completely random 
<br />Cycle appears to start again after this....  
<br />
<br />
<br />
<br />--------------------------------------------------------------------------------
<br />
<br />
<br />Where Did These Transitions Come From?
<br />     It has to be from Power Point. In fact, at first I guessed that if you didn't have Power Point installed on your computer you wouldn't get these transitions (you know, like fonts), but no go on that one either. When tested on a system without Power Point installed, the effect worked fine. I guess the commands come right along with the browser.
<br />     Now, I'll bet your first question is whether you can do this with just a simple line of text or an image. The answer is yes, but that's another tutorial. Coming soon -- I guarantee it.
<br />     Try this format, too (added not so long ago): 
<br />
<br />
<br />
<br />--------------------------------------------------------------------------------
<br />
<br />
<br /><META HTTP-EQUIV="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
<br /><META HTTP-EQUIV="Page-Exit" content="revealTrans(Duration=1.0,Transition=23)"> 
<br />Enjoy!  
<br />
<br /><div class="blogger-post-footer"></div>
</article>
<article>
<h1>a cool javascript image gallery</h1>
<p>2008-07-17T03:16:00.000-07:00</p>
It takes me so long to find out the attribute about ' filters.revealTrans.Transition',is there any people can tell me what the exactly this meaning,but i have a good example for how to use,enjoy it:
<br />script language=Javascript>
<br />var tupian=new Array();
<br />var tupianlink=new Array();
<br />var adNum=0;  
<br />
<br />tupianlink[0]="http://upisqueen.blogspot.com/";
<br />tupian[0]="http://bbs.caolu.org/UploadFile/2004-11/200411392145762.gif";
<br />tupianlink[1]="http://upisqueen.blogspot.com/";
<br />tupian[1]="http://bbs.caolu.org/UploadFile/2004-11/200411392145762.gif";
<br />tupianlink[2]="http://upisqueen.blogspot.com/";
<br />tupian[2]="http://bbs.caolu.org/UploadFile/2004-11/200411392145762.gif";
<br />tupianlink[3]="http://upisqueen.blogspot.com/";
<br />tupian[3]="http://bbs.caolu.org/UploadFile/2004-11/200411392145762.gif";
<br />var currentimage=new Array();   
<br />for (i=1;i<=4;i++)
<br />{
<br /> currentimage[i]=new Image();
<br />    currentimage[i].src=tupian[i];
<br />}
<br />function setCo()
<br />{
<br /> if (document.all)
<br /> {
<br /> tupianrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
<br /> tupianrotator.filters.revealTrans.apply();
<br /> }
<br />}
<br />function playCo()
<br />{
<br /> if (document.all)      tupianrotator.filters.revealTrans.play()
<br />}
<br />function nextAd()
<br />{
<br /> if(adNum<tupian.length-1)adNum++ ;
<br /> else adNum=0;
<br /> setCo();
<br /> document.images.tupianrotator.src=tupian[adNum];
<br /> playCo(); 
<br /> theTimer=setTimeout("nextAd()", 4000);
<br />}
<br />function linkurl()
<br />{
<br /> jumpUrl=tupianlink[adNum];
<br /> jumpTarget='_blank';
<br /> if (jumpUrl != '')
<br /> {
<br />  if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
<br />  else location.href=jumpUrl;
<br /> }
<br />}
<br />function listMsg() 
<br />{
<br /> status=tupianlink[adNum];
<br /> document.returnValue = true;
<br />}
<br /> document.write('<a onMouseOver="listMsg();return document.returnValue" href="javascript:linkurl()" target="_self">');
<br /> document.write('</a>');
<br /></script><div class="blogger-post-footer"></div>
</article>
<article>
<h1>About em defined in css</h1>
<p>2008-07-08T01:50:00.000-07:00</p>
Before I thought "em" is a measure like px ,pt,but i realize what a mistake i made ,well,"em" is not only like measure simple ,it changes as the parent element,a good example i found below:
<br />
<br /><html><head>
<br /><style type="text/css">
<br />h1 {font-size:24px;}
<br />h2 {font-size:18px;}
<br />p {font-size:12px;}
<br />h1,h2,p {margin-left:1em;}
<br />small {font-size:0.8em;}
<br /></style>
<br /></head>
<br /><body>
<br /><div style="border-left:solid 1px #aaa;">
<br /><h1>left margin =<small>24 pixels</small></h1>
<br /><h2>left margin =<small>18 pixels</small></h2>
<br /><p>left margin =<small>12 pixels</small></p>
<br /></div>
<br /></body>
<br /></html>
<br />css is so magnificent,to be a css export,i need learn more,speed up!!! <div class="blogger-post-footer"></div>
</article>
<article>
<h1>good point for long-term relationship</h1>
<p>2008-05-02T01:44:00.000-07:00</p>
#1 is choosing the right person <br /> It's not about looking good, or having money, or good job, or good sex, or whatever... those are IMO the most important things, more or less in order: <br />   1: Trust; you have to figure out as soon as possible to what extent you can trust that person. <br />   2: Common interests; you have to have a number of things in common that you like to do, so that you'll never be bored together. If you're bored, then you'll start spending more and more time apart, and that means eventually one of the two finds someone else who is more compatible... <br /> 3: Understanding; every person is "different", has his or her own special little things. If each one understand how the other's mind and heart "works", if you can tell when he's in a bad mood and what's the best thing to do when he is, if he can tell when you need company and when you need time... <br /> 4: Commitment; both parties need to be in good agreement what they want from the relationship. I'm not talking long-term, but immediately; are you planning to spend the entire weekends together like Eva and I do? Or just go out for dinner once a week? Or do something pretty much every day? Do both people expect sex, or neither? (If one expects sex and the other expects no sex, you're in trouble, it won't last.) Do you want to go together every time you go out, would for example you be jealous if he went to a BLUG meeting without you, or will each one more or less keep a separate life? <br />And of course, 5: Love ;-) if you're both completely compatible but you don't feel anything special when you're next to him, then it's not going to last too long... <br /><br /> Sometimes it can be fun to have a short relationship where you don't trust the other party too much, if you're not expecting it to last... but only if you get in it already expecting it to end... personally I prefer more serious relationships <br /><br />  Most (not all) great-looking guys are jerks, because they know they can have girls easily... and most (not all) great-looking women are stupid and boring because they know they can get whatever they want only with their looks (and sometimes with some guile) <br /> Besides, when I'm in love with a girl I always think she looks amazing ;-) so that's never been a problem for me<div class="blogger-post-footer"></div>
</article>
<article>
<h1>css hack</h1>
<p>2008-04-26T20:10:00.000-07:00</p>
<p>The syntax for conditional comments is as follows:</p>     <dl><dt><b>Positive </b> </dt><dd><code class="markup fragment"><code class="markup comment"></code></code>       
<br /></dd><dt><b>Negative </b> </dt><dd><code class="markup fragment"><code class="markup comment"></code><code class="markup ignored"></code>       <var>HTML</var> <code class="markup comment"></code></code>        </dd></dl>     <p><i>condition</i> is one of the following:</p>     <dl><dt><code class="markup fragment">IE</code> </dt><dd>Any version of IE        </dd><dt><code class="markup fragment">lt IE <var>version</var></code> </dt><dd>Versions less than <var>version</var>        </dd><dt><code class="markup fragment">lte IE <var>version</var></code> </dt><dd>Versions less than or equal to <var>version</var>        </dd><dt><code class="markup fragment">IE <var>version</var></code> </dt><dd>Only version <var>version</var>        </dd><dt><code class="markup fragment">gte IE <var>version</var></code> </dt><dd>Versions greater than or equal to <var>version</var>        </dd><dt><code class="markup fragment">gt IE <var>version</var></code> </dt><dd>Versions greater than <var>version</var> </dd></dl>     <p><var>version</var> is the version of Internet Explorer, typically     <code class="markup fragment">5</code>, <code class="markup fragment">5.5</code>,     <code class="markup fragment">6</code>, or <code class="markup fragment">7</code></p><p><code class="markup fragment">for example:</code></p><pre class="markup mixed-content"><code class="markup fragment">
<br /><html>
<br />	<head>
<br />		<title>Test</title>
<br />		<link href="all_browsers.css" rel="stylesheet" type="text/css">
<br />		<code class="markup comment"></code>
<br />		<code class="markup comment"></code>
<br />		<code class="markup comment"></code><code class="markup ignored"></code> <link href="recent.css" rel="stylesheet" type="text/css"> <code class="markup comment"></code>
<br />		<code class="markup comment"></code> <link href="not_ie.css" rel="stylesheet" type="text/css"> <code class="markup comment"></code>
<br />	</head>
<br />	<body>
<br />		</body></html></code><p>Test</p>
<br />	
<br />
<br />****In-css hack
<br /></pre><h3>body[class|="page-body"]</h3>     <p>The CSS 2.1 specification isn't clear about whether or not a hyphen can      be included in the value of a hyphen-separated attribute selector. Most      browsers, including <a id="KonaLink9" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks2.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style="border-bottom: 1px solid blue; color: blue ! important;font-family:Verdana,";font-size:12;color:#0000e0;"   >Firefox</span></span></a> and Internet Explorer 7, Allow the     <code class="style selector fragment">body[class|="page-body"]</code>      selector to select an element whose start tag looks like this:     <code class="markup fragment"></code>. However,      Opera interprets the specification differently in this regard. It splits up      the attribute value by hyphens and only checks the first piece against the      attribute selector value. Obviously, if the attribute was split by hyphens,      the first piece won't have any hyphens in it, so Opera treats this selector      as a non-match. Therefore, when the proper class is applied to the     <code class="markup tag-name">body</code> element, this selector matches      Internet Explorer 7 and most modern browsers except Opera. Opera may change      their behavior to match other browsers in the future, but this technique is      known to work for <a id="KonaLink10" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks2.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >Opera </span><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >8</span></span></a> and 9.</p>     <p>Here is an example of this technique in use:</p>     <code class="markup"> <html> 	<head><title>Test</title> 		 		<style type="text/css"></code><code class="style"> 			p 			{ 				background: red; <code class="style comment">/* Applies to all major browsers */</code> 			}  			body[class|="page-body"] p 			{ 				background: green; <code class="style comment">/* Applies to IE 7 and most modern browsers except Opera */</code> 			} 		</code><code class="markup"></style> 	 		</head></html></code><p>Test</p> 	
<br /><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td id="spacertd" width="15">
<br /></td>     <td id="rightcolumn" valign="top">     <h3>Unrecommended hacks</h3>     <div id="unrecommended">   <p>        If you are going to use hacks, the above techniques are the recommended    choices. However, it's interesting to point out the following unrecommended    hacks. Some of them rely on invalid <a id="KonaLink0" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >CSS</span></span></a> or are more clumsy than the above    alternatives.</p>   <div class="hacks" id="unrecommended-vendor_prefix">     <h3> _property: value and -property: value</h3>     <p>Due to a parsing error, <a id="KonaLink1" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >Internet </span><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >Explorer</span></span></a> 6 and below wouldn't fail on      properties that were prefixed with non-alphanumeric characters. Prefixing a      regular property name with <code class="style fragment">_</code> or     <code class="style fragment">-</code> will cause the property to be applied      to Internet Explorer 6 and below but generally not in other browsers.      <a id="KonaLink2" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style="border-bottom: 1px solid blue; color: blue ! important;font-family:Verdana,";font-size:12;color:#0000e0;"   >Internet </span><span class="kLink" style="border-bottom: 1px solid blue; color: blue ! important;font-family:Verdana,";font-size:12;color:#0000e0;"   >Explorer </span><span class="kLink" style="border-bottom: 1px solid blue; color: blue ! important;font-family:Verdana,";font-size:12;color:#0000e0;"   >7</span></span></a> had this bug fixed.</p>     <p>The CSS specification allows browsers to use an underscore (<code class="style fragment">_</code>)      or hyphen (<code class="style fragment">-</code>) as a prefix for a      vendor-specific property name with the guarantee that such properties will      never be used in a future CSS standard. Because of this guarantee, these two      prefix characters are ideal options for this hack.</p>     <p>Although the <a id="KonaLink3" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >CSS </span><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >specification</span></span></a> defines this vendor-specific property      syntax, the properties are inherently not part of any W3C-endorsed CSS      profile and are therefore invalid when validated against one. For this      reason, and because there is an often acceptable      alternative, this hack is unrecommended.</p>     <p><code class="style fragment">_<var>property</var>: <var>value</var></code>      and <code class="style fragment">-<var>property</var>: <var>value</var></code>      apply the property value in <strong>IE 6 and below</strong>. Warning: this      uses <strong>invalid CSS</strong>.</p></div>   <div class="hacks" id="unrecommended-asterisk_prefix">     <h3> *property: value</h3>     <p>Although Internet Explorer 7 corrected its behavior when a property name      is prefixed with an underscore or a hyphen, other non-alphanumeric character      prefixes are treated as they were in <a id="KonaLink4" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >IE6</span></span></a>. Therefore, if you add a      non-alphanumeric character such as an asterisk (<code class="style fragment">*</code>)      immediately before a property name, the property will be applied in IE and      not in other browsers. Unlike with the hyphen and underscore method, the CSS      specification makes no reservations for the asterisk as a prefix, so use of      this hack could result in unexpected behavior as the CSS specifications      evolve.</p>     <p><code class="style fragment">*<var>property</var>: <var>value</var></code>      applies the property value in <strong>IE 7 and below</strong>. It may or may      not work in future versions. Warning: this uses <strong>invalid CSS</strong>.</p></div>   <div class="hacks" id="unrecommended-body_empty">     <h3> body:empty</h3>     <p>The <code class="style selector fragment">:empty</code> pseudo-classes is      proposed for CSS 3 and should select an element that has no elements or text      inside it. However, when used on the <code class="markup tag-name">body</code>      element, <a id="KonaLink5" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >Firefox </span><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >1.5</span></span></a> and 2.0 (and corresponding versions of other      Gecko-based browsers) always select it even when the body has content (which      it should always have).</p>     <p>Although this hack is expected to be valid in CSS 3, it has not yet      reached W3C Recommendation status and is invalid CSS 2.x, so it currently      isn't recommended to use this hack. However, it is probably the best way to      single out recent versions of <a id="KonaLink6" target="_top" class="kLink" style="text-decoration: underline ! important; position: static;" href="http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml#"><span style=";font-family:Verdana,";font-size:12;color:#b00000;"   ><span class="kLink" style=";font-family:Verdana,";font-size:12;color:#b00000;"   >Firefox</span></span></a>.</p>     <p><code class="style fragment">body:empty {}</code> selects the     <code class="markup tag-name">body</code> element in <strong>Firefox 1.5 and      2.0 only</strong>. It may or may not work in future versions. Warning: this      uses <strong>invalid CSS 2.x</strong> but <strong>valid CSS 3</strong>      according to recent drafts.</p></div>   <div class="hacks" id="unrecommended-link_visited">     <h3> a:link:visited, a:visited:link</h3>     <p>According to the CSS standard, the <code class="style fragment">:link</code>      and <code class="style fragment">:visited</code> link states are mutually      exclusive: <code class="style fragment">:link</code> actually means      "unvisited link". However, IE 7 and below will ignore one of these      pseudo-classes if the other appears later in the same simple selector.</p>     <p>If you have the tag <code class="markup fragment"><a href="http://www.blogger.com/foo.html" id="linkhack"></a></code><a href="http://www.blogger.com/foo.html" id="linkhack">, either <code class="style fragment">     #linkhack:link:visited {}</code> or <code class="style fragment">     #linkhack:visited:link {}</code> will select the element in IE 7 and below.      The two selectors can be combined for a single declaration block:     <code class="style fragment">#linkhack:link:visited, #linkhack:visited:link      {}</code>. In IE 7, you can also use an adjacent sibling combinator (<code class="style fragment">+</code>)      to select other elements near the link.</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">This uses perfectly valid CSS, but this method is less practical than      some of the above methods and is therefore      not recommended.</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><code class="style fragment"><a href="http://www.blogger.com/foo.html" id="linkhack">a:link:visited, a:visited:link {}</a></code><a href="http://www.blogger.com/foo.html" id="linkhack">      selects an <code class="markup tag-name">a</code> element in <strong>IE 7      and below</strong>. It may or may not work in future versions.</a></p></div><a href="http://www.blogger.com/foo.html" id="linkhack">   </a><div class="hacks" id="unrecommended-gt_body"><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><h3><a href="http://www.blogger.com/foo.html" id="linkhack"> >body</a></h3><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">If a simple selector is missing on either side of the child combinator (<code class="style selector fragment">></code>),      Internet Explorer 7 incorrectly assumes that the missing simple selector is      a universal selector. So <code class="style selector fragment">>body</code>      is treated by IE7 like <code class="style selector fragment">*>body</code>,      while other browsers ignore it because it's a parsing error. Similarly, IE7      treats <code class="style selector fragment">>></code> like     <code class="style selector fragment">*>*>*</code>.</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">IE7 has the same quirk with other combinators.     <code class="style selector fragment">+p</code> is treated like     <code class="style selector fragment">*+p</code> and     <code class="style selector fragment">~p</code> is treated like     <code class="style selector fragment">*~p</code>. (Note: The     <code class="style selector fragment">~</code> combinator is an upcoming CSS      3 feature and is not valid CSS 2.1.)</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><code class="style fragment"><a href="http://www.blogger.com/foo.html" id="linkhack">>body {}</a></code><a href="http://www.blogger.com/foo.html" id="linkhack"> selects the body element in     <strong>IE 7 only</strong>. It may or may not work in future versions.      Warning: this uses <strong>invalid CSS</strong>!</a></p></div><a href="http://www.blogger.com/foo.html" id="linkhack">   </a><div class="hacks" id="unrecommended-html_star"><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><h3><a href="http://www.blogger.com/foo.html" id="linkhack"> html*</a></h3><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">Internet Explorer 7 fixed the quirk that allowed the universal selector (<code class="style selector fragment">*</code>)      to select some nonexistent parent of the <code class="markup tag-name">html</code>      element, but there's another issue that they didn't fix: When a universal      selector is directly adjacent to another simple selector without a space      between, Internet Explorer 7 assumes a space there. That means that     <code class="style selector fragment">html*</code> is treated by IE7 like     <code class="style selector fragment">html *</code>, while other browsers      ignore it because it's a parsing error. Similarly, IE7 treats     <code class="style selector fragment">**</code> like     <code class="style selector fragment">* *</code>.</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><code class="style fragment"><a href="http://www.blogger.com/foo.html" id="linkhack">html* {}</a></code><a href="http://www.blogger.com/foo.html" id="linkhack"> selects all descendants of      the <code class="markup tag-name">html</code> element in <strong>IE 7 and      below</strong>. It may or may not work in future versions. Warning: this      uses <strong>invalid CSS</strong>!</a></p></div><a href="http://www.blogger.com/foo.html" id="linkhack">   </a><div class="hacks" id="unrecommended-important_ie"><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><h3><a href="http://www.blogger.com/foo.html" id="linkhack"> !ie</a></h3><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">Internet Explorer 7 fixed one of the issues with the     <code class="style fragment">!important</code> identifier, but it still has      problems when the identifier has an error in it. If an illegal identifier      name is used in place of <code class="style fragment">important</code>,      Internet Explorer 7 and below will handle the property normally instead of      failing. Therefore, in any style declaration block, you can include      properties intended to only apply to Internet Explorer and add an     <code class="style fragment">!ie</code> identifier. Almost any word can be      used in place of <code class="style fragment">ie</code>.</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">The <code class="style fragment">!ie</code> identifier allows the      property to be applied in <strong>IE 7 and below</strong>. It may or may not      work in future versions. Warning: this uses <strong>invalid CSS</strong>!</a></p></div><a href="http://www.blogger.com/foo.html" id="linkhack">   </a><div class="hacks" id="unrecommended-important_exclam"><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><h3><a href="http://www.blogger.com/foo.html" id="linkhack"> !important!</a></h3><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">Another problem with the <code class="style fragment">!important</code>      identifier that wasn't fixed in IE 7 is the treatment of non-alphanumeric      characters after the identifier. Normally, this should cause the property to      fail, but Internet Explorer 7 and below ignore the additional punctuate and      apply the property as if it just had the <code class="style fragment">     !important</code> identifier.</a></p><a href="http://www.blogger.com/foo.html" id="linkhack">     </a><p><a href="http://www.blogger.com/foo.html" id="linkhack">The <code class="style fragment">!important!</code> identifier allows the      property to be applied with importance in <strong>IE 7 and below</strong>      and the property is not applied in other browsers. It may or may not work in      future versions. Warning: this uses <strong>invalid CSS</strong>!</a></p></div><a href="http://www.blogger.com/foo.html" id="linkhack"> </a></div></td></tr></tbody></table>
<br /><pre class="markup mixed-content">
<br /></pre><div class="blogger-post-footer"></div>
</article>
<article>
<h1>Thingking of website performance</h1>
<p>2008-04-19T22:55:00.000-07:00</p>
Recently I have been read the book "website performance",and got some ideas for this,I tried to set up one to prove it ,but i need so many technical information,like apache configuration,and the client interact with the server,I think I have some questions need to be resolved.<br />   To be a profient programmer ,I need more and more experience.<br />    I want to share the book with you guys,but i dont kow how to attach it,hope i can get it soon.<br />    Anyone wants to do research with me ,like me know it,my msn:upisqueen@hotmail.com<div class="blogger-post-footer"></div>
</article>
<article>
<h1>Got my brand-new start</h1>
<p>2008-04-18T02:20:00.000-07:00</p>
Hi,guys,I am Chris,but i am a girl,so i am happy to be called "up",because my believe is "whatever happened,nothing can hinder me to go up and chase my dream"!<div class="blogger-post-footer"></div>
</article>
</main></body></html>