时尚酷族
标题:
史上最全的JS代码,JS代码大全,各种实用的JS代码
[打印本页]
作者:
CooL.泪猪
时间:
2012-7-16 13:14
标题:
史上最全的JS代码,JS代码大全,各种实用的JS代码
事件源对象
* H% l$ Z) d' L7 ]
event.srcElement.tagName
! l1 z* F7 M# [! x0 ~, ]
event.srcElement.type
x# r( N2 X- S" X2 U
捕获释放
# W$ b8 v2 a2 R
event.srcElement.setCapture();
# ~- @; f- A Q. {7 O
event.srcElement.releaseCapture();
: @" U. o( c3 C9 f' d
事件按键
* f G. v3 Y/ f7 u! b8 K" { I+ X
event.keyCode
3 c' K7 s# o; J1 q6 d
event.shiftKey
; Q3 S- N- \ _6 c% s: U" t% u
event.altKey
8 J/ d! y& N+ s" {8 `/ {
event.ctrlKey
4 J6 Q% Q8 ?8 { e7 M
事件返回值
( a4 ]) G/ Y- s8 b" r# F# q- i
event.returnValue
( K: w* \9 k$ k2 t
鼠标位置
& F! n, G$ O& S% m- u" ^ w
event.x
0 q, r4 |4 l) Z- ?; C. Q
event.y
) ]( }) c3 L8 {( T8 t' y
窗体活动元素
6 f) \/ y [! f7 S5 h$ E# a
document.activeElement
0 p/ h! b. Q8 I% J
绑定事件
2 P+ t. ^3 G7 p3 f# c( ~ c1 Y
document.captureEvents(Event.KEYDOWN);
! W4 U- d# t1 I, Z; c8 p
访问窗体元素
/ j7 _$ H) d% ^3 x* G
document.all("txt").focus();
' j+ B. [- v9 S
document.all("txt").select();
9 Q9 Q7 G3 z# R
窗体命令
9 ~& Y+ d: B4 |0 @& s( z! O! a7 C8 X
document.execCommand
/ S9 ]% V+ Y) _$ @
窗体COOKIE
$ c. _! F* c Y% J' e K2 q9 S
document.cookie
. y1 I! _. S% i
菜单事件
5 H" O8 l$ a1 x2 t, Q1 _, v# T
document.oncontextmenu
8 b5 J1 x- Q4 [2 o$ ^
创建元素
/ q3 L% g7 f: a
document.createElement("SPAN");
$ R: b$ ^6 _( J' W) [ G
根据鼠标获得元素:
! h9 L9 S; n6 Q0 H9 M8 t
document.elementFromPoint(event.x,event.y).tagName=="TD
7 B9 U6 V: ]+ o
document.elementFromPoint(event.x,event.y).appendChild(ms)
; t3 v: W$ n) A
窗体图片
0 ?/ _' u7 T7 F& c% z( X3 ?
document.images[索引]
$ m8 r# V* Z; {0 y$ p5 N
窗体事件绑定
! W# J, |4 P! Y( ]5 Q
document.onmousedown=scrollwindow;
7 u$ i' e' ]* x/ K m8 L
元素
- e+ ~6 C, r# A- T( U h- e2 `
document.窗体.elements[索引]
5 @. S5 S, q0 K4 W" ?
对象绑定事件
& b0 u# y8 C( E: `' i( y
document.all.xxx.detachEvent('onclick',a);
5 v; t& ~8 n% X4 P m' p6 J
插件数目
& S' Q' V7 n3 |* f% C6 V
navigator.plugins
; {: Y# r* ]6 n- V( B0 t* A
取变量类型
+ t! p+ i9 }9 \- _
typeof($js_libpath) == "undefined"
. u( P6 {, a1 @% I- R+ g5 M" h
下拉框
. U# |$ H3 D5 N" Q) R u- c
下拉框.options[索引]
$ p2 Q" n5 b, G; ?2 a \/ l
下拉框.options.length
. P0 u' T/ ~+ D6 L# n
查找对象
8 ?6 B) ~" G$ Z! e s0 \7 U
document.getElementsByName("r1");
3 T+ }$ m$ t& m* f/ m
document.getElementById(id);
9 N7 u" Q5 K1 I8 e$ N3 j, p2 Q
定时
0 ]. R) I7 o9 X3 H) c0 J: [
timer=setInterval('scrollwindow()',delay);
1 d5 L9 E" J6 b/ C
clearInterval(timer);
" {5 U5 b2 q1 U# S; y
UNCODE编码
4 q5 m0 q4 y9 ^9 p3 s- K: n7 e9 [
escape() ,unescape
2 k2 X) L( v% Y
父对象
5 `. V! O; C* r; e2 {
obj.parentElement(dhtml)
, F2 } c5 x! w. N* g5 {: {. S6 d
obj.parentNode(dom)
; n1 Q0 x0 n- ]. Z2 G
交换表的行
4 Z3 [9 D$ ?8 o: c8 C, t& X# l7 w
TableID.moveRow(2,1)
+ S2 j: \. ~3 I" [( V7 T+ R
替换CSS
/ b f) u/ y2 a: K s) m+ e' m
document.all.csss.href = "vvschool.css";
3 |1 W7 \6 g7 V* ?9 h. ~
并排显示
- N) g4 c: G3 \4 w4 B
display:inline
9 k3 O' n$ c( [. P; }6 A; O
隐藏焦点
" X' t' ]7 e. [; Q: V u
hidefocus=true
) i7 E+ n- H2 b
根据宽度换行
5 S { e' P ]7 c
style="word-break:break-all"
; t& @1 E* w6 x4 D7 U9 d, d
自动刷新
3 ]/ }. A1 y5 ^
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.vvschool.cn">
' S6 m/ w6 v' ^- B5 ?$ }* Y
简单邮件
: t) C' c* C+ Q/ r/ p3 V
<a href="mailto:VvSchool@126.com">
! z" [# Y6 E$ U. d) ]0 \; g
快速转到位置
1 l5 Y8 ^! n! S' y$ \, c7 [0 h, }* c0 n
obj.scrollIntoView(true)
0 t7 @0 V/ s( E0 ~3 |
锚
A$ i: O( {6 B0 C( D
<a name="first">
9 u) g! g4 Y5 n# q2 [" e" k
<a href="#first">anchors</a>
& c; t* W, O/ y' M1 R
网页传递参数
1 L% s3 z5 N \1 x& y, V* N% U4 f
location.search();
" Q7 N J% f; E- \
可编辑
( A6 ^ a. n n
obj.contenteditable=true
: g( E$ `( d9 q9 `8 J, I
执行菜单命令
1 ^( q7 H, X* K
obj.execCommand
# a1 d4 B+ M, l. C
双字节字符
! ]* L& g5 G9 t* [% w
/[^\x00-\xff]/
+ a [' C3 G! r! N# I' `
汉字
8 x- X1 ^4 i/ q
/[\u4e00-\u9fa5]/
3 M' |! w! g7 g; F" N* l! b+ O
让英文字符串超出表格宽度自动换行
& A2 o" k+ j% ^5 u- f2 j6 ?
word-wrap: break-word; word-break: break-all;
9 Y3 g$ z) l. q# o& `. V% t
透明背景
& v( H9 S" D( a: b
<IFRAME src="e3i5.htm" width=300 height=180 allowtransparency></iframe>
7 n1 n% \: r$ J
获得style内容
1 @$ V* q% L, i; H) A; H, ], R
obj.style.cssText
8 D. P2 d6 \2 i- |
HTML标签
2 r5 q4 s/ d3 {7 _4 B
document.documentElement.innerHTML
. j; h8 J: E- e* ^- B; S
第一个style标签
3 Q2 J. j$ o7 r% T2 i5 ]) W& v
document.styleSheets[0]
h0 x# m" E% r8 ]$ I \% [
style标签里的第一个样式
! [+ r7 J: T9 p- f) U
document.styleSheets[0].rules[0]
9 x+ i S2 @! k5 x7 G% K
防止点击空链接时,页面往往重置到页首端。
0 G* V F; [4 v# s! Q# `
<a href="javascript:function()">word</a>
# B& q, D% {; c
上一网页源
7 @( e/ o" m9 w$ B( y9 N
asp:
+ @) @: e2 q9 t5 n# b
request.servervariables("HTTP_REFERER")
2 |6 _9 |- `# I% R$ ~0 W7 y2 o. S9 j
javascript:
5 u2 |5 x5 @6 ?
document.referrer
0 J# ?) X6 p2 _: G+ r. E
释放内存
$ T; x5 |% x: ?
CollectGarbage();
0 G; j- @5 d0 a$ l, k& N
禁止右键
8 ^, A$ I% z3 ~: F6 N4 g8 E
document.oncontextmenu = function() { return false;}
6 `- f% `, i( e
禁止保存
; ]) ]8 t7 Q$ s' S- e8 Q( v
<noscript><iframe src="*.htm"></iframe></noscript>
$ o2 [6 n' N( b6 ~1 t5 N7 N
禁止选取<bodyonmouseup="document.selection.empty()>
! m% ?: n9 G* c4 W9 A' j9 P
禁止粘贴
/ h; X" r- M! o& s; }) W4 w
<input type=text>
8 s% ~. O- X; b! n# Q* P5 \
地址栏图标
0 F D! ?# O1 f5 G$ D# Q: \$ V
<link rel="Shortcut Icon" href="favicon.ico">
' y2 y1 Q8 R) D: n3 P a1 [
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
: j* y5 W' }) l2 x3 c4 E
收藏栏图标
; E' E8 ]6 Y7 I' h
<link rel="Bookmark" href="favicon.ico">
! k- x7 t. n0 p0 D _/ H, L
查看源码
; h3 ], P8 r; q/ z
<input type=button value=查看网页源代码>
+ E1 Y' ^/ {- y
关闭输入法
% r. |- f) V4 V( p
<input style="ime-mode:disabled">
: _6 D% X0 v4 e
自动全选
6 E9 T1 s& w5 `/ j" N( A# N: g
<input type=text name=text1 value="123">
% K! \% S3 ^* g$ W- f
ENTER键可以让光标移到下一个输入框
0 i9 G- ^( u0 E7 C; [
<input>
* K) P7 i# v. U/ ~& H
文本框的默认值
/ Q( C1 p2 P0 ?. U. ?
<input type=text value="123">
6 W% |4 G3 i$ K' G
title换行
5 z* `. a) J7 D& l* T" h
obj.title =
www.vvschool.cn
! ]/ l: b/ b* Q5 C
获得时间所代表的微秒
+ G0 Y, Z, H2 t) T, m7 S
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
( x8 s- N9 U; |; n% h: H* F* O
窗口是否关闭
; J3 L7 c& z% x/ m
win.closed
2 Y. ~ b: y6 K# n( i8 W
checkbox扁平
$ j/ k% V. ~' |" {7 o6 b7 x
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
9 J* p3 A( R! e- u6 M, ~! J U
获取选中内容
; H5 g2 w6 L, h0 M; D! D9 D
document.selection.createRange().duplicate().text
1 A% Z# k0 l5 a& x# g
自动完成功能
4 p0 L0 A* v8 a9 z9 y$ R
<input type=text autocomplete=on>打开该功能
) R% m" ~( p% J* i; P {% K
<input type=text autocomplete=off>关闭该功能
6 l8 o- t6 A/ a! ?6 s
窗口最大化
! E8 [6 n5 ?" V' `: C' W9 \8 M7 F
<body>
: ^3 u& |& _; x4 b( Q
无关闭按钮IE
3 x% Y0 M! x/ h' p3 s1 F% o Y
window.open("aa.htm", "meizz", "fullscreen=7");
& N" L3 X1 R6 A3 j; \
统一编码/解码
0 I5 d7 A1 ?+ H% M. r* N& w
alert(decodeURIComponent(encodeURIComponent("http://www.vvschool.cn?as= hehe")))
& K3 Y/ ~; l) ^$ ]
encodeURIComponent对":"、"/"、";" 和 "?"也编码
/ s& f) k6 a( e- T( s5 s
表格行指示
; g6 m, r8 S, ~: _8 t
<tr>
* U, n ^: _) A; Q; @
//各种尺寸
. `, k: p8 i7 X3 |! u
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
4 E# J! U" G* k8 H/ @
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
) z% }7 ?3 @# F
s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
2 w9 n& A' R6 D! U% o6 Z0 n- ]
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
' l. ?8 c7 C, h; d8 Z
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
4 c; I* _, |" L
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
0 }0 S! e: p+ B) Q7 ` u
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
- l5 _$ n/ a# }0 o( Z3 ?5 [
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
) V r* U# l4 ?4 n# i% \; I8 w; x
s += "\r\n网页正文部分上:"+ window.screenTop;
& H7 C9 a( X& M' z
s += "\r\n网页正文部分左:"+ window.screenLeft;
' ^, `4 w/ H& Z+ D9 x/ d t( k
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
" k: R6 d* M- Y: A7 M
/ e! ~. Z6 B. p9 n( D
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
. M( I& b( h8 M. z3 i
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
1 u' N# ]5 C9 t2 x
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
. q0 J/ n1 }& X( P, z- Q3 \
//过滤数字
4 g ~" m- q) @, E4 Z! B( M- Q
/ l5 ^4 O% q! D; P$ [* C2 x
8 V& {) Z, A) R. \( d
<input type=text>
8 E& \1 ~" [5 W5 Y6 f
, A& l8 V2 H! R
//特殊用途
+ H" O! R3 f. ` x. ]' D1 ?0 G+ Y
8 c: V* C% u6 \* q6 ^
<input type=button value=导入收藏夹>
2 M1 l! R% H$ \. m
<input type=button value=导出收藏夹>
$ R6 W: V0 C7 e" N4 M7 B' W
<input type=button value=整理收藏夹>
" B U; ?0 E$ Z, @) |8 z( R
<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
* u/ u" [" @& K* ]" z
<input type=button value=加入收藏夹>
" e' t3 Q2 j3 x! d
<input type=button value=加入到频道>
5 J# [5 F" [8 F& m K$ M
<input type=button value=加入到频道>
* T* A& }, Q3 T" Q
; r* o* _4 |7 O
//不缓存
d- o7 A& m; |" t+ y7 v J P0 f: o% e; J
, A- D p2 f u) w# t( d( a. o
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
: Y; W5 H4 Z% n) a
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
2 l) y" Q. C; D, X! S
<META HTTP-EQUIV="expires" CONTENT="0">
4 X0 g5 z; e1 i1 b
( Y1 ?2 i: k2 p" {. ^6 @- Z% n
//正则匹配
7 h# b0 J! V: x6 H
, S! @2 d" ^% V
匹配中文字符的正则表达式: [\u4e00-\u9fa5]
; q7 Y [3 Q5 I
匹配双字节字符(包括汉字在内):[^\x00-\xff]
) _0 A- X$ @- y8 ^/ _+ U4 ~0 K9 ?# o
匹配空行的正则表达式:\n[\s| ]*\r
" l3 V8 K9 h' a5 r5 }4 [5 c
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/
: F* \9 Z7 G ^
匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数)
( P2 Z1 ]- [7 e9 f
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
; w3 U6 I4 A* ^ a' l
匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
! V6 |: z& g* z& X9 o2 Q
以下是例子:
# T5 z- U7 ^3 r' D8 O g$ E
利用正则表达式限制网页表单里的文本框输入内容:
9 d$ H+ F% |. z( L X
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
/ K+ \& z, ~$ J; h2 D5 d1 B" I9 {8 I
1.用正则表达式限制只能输入全角字符:
* j& x9 M. g5 w; e3 D L/ }5 j' Y
2.用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
4 u8 T5 c+ D. K: H6 B, ?9 z
3.用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
, ~. u( d: U" n2 ?
//消除图像工具栏
0 l6 M: O% \' s* M
- o [) q+ \# z+ p. [# S
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
" I! d+ T d* N% b4 A
or
0 W5 Y3 l( G, {
<head>
, ^2 Z( I7 G; Z& \/ u
<meta http-equiv="imagetoolbar" content="no">
. J* o* ?, q% ~3 }$ _+ i
</head>
5 V2 s( ~, p/ H# k j' S
* O. [" q; m5 b! V& T
//无提示关闭
4 O, x. K j: F" ^2 X
% h9 E! _1 ] n) m
function Close()
% k3 t3 s0 @8 {
{
( [) Z- E4 E# _4 F
var ua=navigator.userAgent
# f5 {+ I; V% |) U! ?8 Z/ I7 m
var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
) s$ L5 f' U. ?% s5 l
if(ie)
% t2 M5 [* {+ J7 [; L" J3 q) B% O
{
3 J# d4 ^* a) q+ E0 Y; J$ G
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
. L. k% L' b8 y& o* B4 B( {
if(IEversion< 5.5)
( L7 \) p1 F$ g' @2 v3 b
{
: m6 K% k& p, g+ h5 Q0 N# `1 W+ N
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
6 b- r. ^/ Q! l4 I5 E3 ]# A2 Q6 S
str += '<param name="Command" value="Close"></object>';
- u! P- M" H, ^5 @# t. d
document.body.insertAdjacentHTML("beforeEnd", str);
7 |7 f' Z1 G9 ~( J: e
document.all.noTipClose.Click();
% S) v. D) U/ J) m& k- u6 q
}
1 }. y8 @1 U& R! J4 D, S
else
8 ], L2 l$ d9 R9 z3 P- [6 S
{
3 D3 k6 ~: o& k9 o6 ]. N
window.opener =null;
. I7 k1 |: s- { b9 r
window.close();
. \6 M* f3 D7 Q* A- `# l$ Z s
}
) S# f M4 W' n7 N, b" v
}
. q% r/ T& `; n# X+ O! b
else
+ \ }: O: l0 n% Y) S( \2 i- u0 n. N
{
5 a' t3 |% v0 z. O% ~7 z$ S
window.close()
4 D6 R4 F7 ` x
}
2 p/ [& p+ w7 x# O3 s. Q- w l
}
9 u& ~" o, k. A7 H
//取得控件得绝对位置(1)
( Z; W3 N) E. B5 E+ v+ u
' |/ B8 e4 Q5 B
' q' ?3 V9 R5 n" {4 d; q* b
<script language="javascript">
' f2 _5 d" D. g$ R% D+ u8 f
function getoffset(e)
" A. h# O. j. h5 r
{
$ ]' n( C- N Q }( u9 t
var t=e.offsetTop;
8 M2 d( G1 s% [$ [+ r! N
var l=e.offsetLeft;
# q: A Y( {9 O1 k6 E5 \3 n
while(e=e.offsetParent)
5 i& U# m, E* d/ [3 f; i) Q
{
9 _4 _) }( h/ K; P- N! {$ m
t+=e.offsetTop;
( N" L; N$ l7 C$ Y( b O6 g
l+=e.offsetLeft;
$ v9 D. O4 ?2 R8 m: J' k! x/ h
}
6 R1 S8 |+ z" X/ Y9 ^; T$ t
var rec = new Array(1);
5 U" a- J8 e4 T* Y
rec[0] = t;
( T2 s7 m3 [- o' o; W( a9 r" p4 O
rec[1] = l;
2 Y" A( {; A9 [# w1 q3 l
return rec
; D: Z8 ~) E1 L' p J/ R5 J6 x' _
}
: m1 T- b2 g0 r3 J
</script>
- P; Y! w% }/ w& \# y4 S* Z9 R0 ~
//获得控件的绝对位置(2)
' k' s0 D/ Q( n
# j0 e# r! v& _% {# B" J% d/ B4 U
oRect = obj.getBoundingClientRect();
: ?- G' U: H9 D% \5 K% `
oRect.left
( ~) M5 h3 ~4 N
oRect.
) L S( Q/ N: ~1 n+ p
//最小化,最大化,关闭
' }( k; o! ^4 r: A; r8 b
* `: _! t8 W6 [4 s$ t9 R
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
4 R5 T7 {* S4 k1 a7 C
<param name="Command" value="Minimize"></object>
: s' P. N4 \% \
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
+ a4 c3 ]* O, U1 j
<param name="Command" value="Maximize"></object>
& w2 Y, P( f" b" t+ }
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
# p7 B. x3 \& {
<PARAM NAME="Command" value="Close"></OBJECT>
2 b; \7 f/ ~4 h V5 L ~" d
<input type=button value=最小化 onclick=min.Click()>
, Y7 F; e4 i; ?% X2 H/ s
<input type=button value=最大化 onclick=max.Click()>
' y) h5 q: T6 D# h6 q' k4 @) s
<input type=button value=关闭 onclick=close.Click()>
# t4 ^1 @3 a# b8 m$ q8 |6 \
7 t M, r6 O& _& S" m$ D% F2 K Z
//光标停在文字最后
, R; S0 ]3 K7 L, m
v8 N& |6 Z2 t3 ~/ D% T4 ^/ j
<script language="javascript">
/ W7 p2 G S+ `4 ?$ X/ r i
function cc()
, t7 F& k0 q5 G+ w
{
) }9 X9 n3 A$ L M$ `& y& X7 Y
var e = event.srcElement;
& f8 b& `4 }' a- q3 R4 y
var r =e.createTextRange();
# }- @! }. |4 y/ l, Z4 I
r.moveStart('character',e.value.length);
- D1 m7 [1 {* y- _% r) _. Q
r.collapse(true);
* d, N2 S- E$ C* g) t$ [+ s
r.select();
3 Z P8 y, g5 V. b% M
}
5 _9 A! C( n9 d9 N& k c2 K( B0 f& B
</script>
% Y k) a. k# r! O. x. k9 ~9 d
<input type=text name=text1 value=www.vvschool.cn>
1 j2 \5 D% ?, J8 [) }7 L6 p
//页面进入和退出的特效
$ T5 [. l* O5 m8 ^0 @4 f: h! w' K; H1 M S
" v' O: h! u. |, O
' [8 k) M$ D, K7 D! X% k
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
$ H, V a8 c) S) o
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
- g% s7 I5 m0 n/ Y+ [
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使
; Y! ?5 D5 g4 Q$ i( S" w
用哪种特效,取值为1-23:
4 H5 Y, ?8 r9 ~! F7 z; t$ R U
0 矩形缩小
: ^$ b' V/ g8 v* Z% ?
1 矩形扩大
& n- ]* p( J8 S$ z; ~
2 圆形缩小
* G, `' _' }! c& `
3 圆形扩大
" O7 K6 |- l, ^+ u' p8 Y+ Z1 Q8 Y }
4 下到上刷新
2 y, s! ?2 I' g$ ~% R3 h$ D
5 上到下刷新
+ k: F0 c5 |7 _6 { }
6 左到右刷新
1 g$ M, g _% w0 O5 C, k
7 右到左刷新
f1 m' V' Q$ G# E; U
8 竖百叶窗
5 z! I/ c; t0 k; U: y3 P
9 横百叶窗
3 W2 K m; m6 \/ b4 M" z
10 错位横百叶窗
2 R4 R6 \9 S8 {) d
11 错位竖百叶窗
) F$ e5 Z8 I! b0 N' d! i+ ~
12 点扩散
8 p, i3 ?& W. h4 b* G- K
13 左右到中间刷新
1 a" M( t @6 H
14 中间到左右刷新
7 I# S0 V8 {* n/ m) n5 F
- v" g5 [0 c0 o/ d
js代码大全,总共有100个,广告、新闻、动画、菜单、相册、幻灯片,可谓面面俱到
: U- m- ~! R+ `! e$ U2 K$ y
直接上下载地址:
/ `' n- D# P1 X/ D! Y8 C5 x$ C! `
* W& b: K; M- i. x1 {
欢迎光临 时尚酷族 (http://www.coqq.net/)
Powered by Discuz! X3.2