Thursday, November 27, 2008

所有特殊符号

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

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

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

♡.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.)
麻花辫女孩 超级羞羞～ (作鬼脸)

Posted by chris at 10:46 PM 3 comments
Labels:

Wednesday, November 26, 2008

a example for rorating the image

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);
};

Posted by chris at 6:37 PM 0 comments
Labels:

Friday, November 21, 2008

a stock line example in javascript

fjlsfks;fkd;

Posted by chris at 6:16 AM 0 comments
Labels:

Wednesday, October 8, 2008

mouse cursor --from javascriptkit


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'">

Posted by chris at 6:18 AM 0 comments
Labels:

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


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

no
可用于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.电子邮件处理提交表单
enctype="text/plain">




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、不能为空和邮件地址的约束：






Enter your name:




Enter your e-mail address:






48、跑马灯





这里可显示您的网页 !




49、在网页中用按钮来控制前页，后页和主页的显示。









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

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







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



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




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