事件源对象
" H' l, N1 u$ f; q2 t; G7 V
event.srcElement.tagName
; D- U( ~5 n# o7 f* C4 h! z4 Wevent.srcElement.type
: i6 r/ n% v# n# F捕获释放
" C' Q# j. F, Z0 h7 ^% M& g7 C8 Bevent.srcElement.setCapture();
" W* S+ U. ?( vevent.srcElement.releaseCapture();
$ Y- q0 r7 ?6 Q6 {; |3 c2 Y. C \
事件按键
. } W' [1 Q' m. e+ H/ `" K# Fevent.keyCode
: ^ \: ?: |7 h+ ]event.shiftKey
7 c" y5 M1 \, R. K7 J$ k
event.altKey
# P# e; s- i- ^0 f' zevent.ctrlKey
! n. P' W. m! W. q9 F" N
事件返回值
# T# s c+ W- Z
event.returnValue
% B/ y& B# U: E$ v, q# }5 [
鼠标位置
9 M, f6 {/ g* `& L. \0 v
event.x
9 z4 x1 Z8 T! I8 `/ T& G! o
event.y
' Y$ A3 b- c' X7 Z( h窗体活动元素
^% [9 t- j8 P2 Gdocument.activeElement
[+ `; k# O: B8 G
绑定事件
* t- d( `4 i; X) y0 J$ ?/ [; i4 G
document.captureEvents(Event.KEYDOWN);
% t5 _: B4 }4 m) _5 S* [* O9 }
访问窗体元素
$ T1 R1 ^- A" Odocument.all("txt").focus();
9 T+ F- b" k6 T& s/ g2 c
document.all("txt").select();
' ~" q( w0 E, n9 Q" X z2 P9 B4 I窗体命令
# \2 _. H6 x" R/ C1 Odocument.execCommand
' ?+ |/ R8 b8 y1 @/ C) N
窗体COOKIE
, @/ k4 b. x) L/ m; I# H Z5 d( gdocument.cookie
+ \8 J+ s6 s4 M8 \& K菜单事件
, }8 h4 n% M( ~9 ?& `* E) q
document.oncontextmenu
- G2 @2 n) k3 u创建元素
' F2 x% N6 j: g' j) W5 |
document.createElement("SPAN");
* P6 ?6 M! \* r% t3 r根据鼠标获得元素:
8 F( r2 @6 D, } t5 bdocument.elementFromPoint(event.x,event.y).tagName=="TD
, f* z; |6 s' Q! q+ ~1 @document.elementFromPoint(event.x,event.y).appendChild(ms)
/ Y" H U( Z, C窗体图片
' U$ V- J5 q$ \( o7 Q* H) h
document.images[索引]
" Z2 ~1 G% i$ t% n% O( l窗体事件绑定
/ p% Y, s1 T9 p+ z0 t6 A3 Ndocument.onmousedown=scrollwindow;
) f9 F& @1 P: x" q, X: T9 G5 z元素
, |* t8 N3 {2 a
document.窗体.elements[索引]
# n( ~+ M, H; x$ D$ [
对象绑定事件
2 V# c0 \1 N5 g, O0 qdocument.all.xxx.detachEvent('onclick',a);
' @1 F' n$ q1 E: `) { L; e3 T: M插件数目
, L* ^0 A6 _( }0 d, I- N( [' `
navigator.plugins
* i" H: Z5 N! r取变量类型
( |8 H) |3 R' ~# J4 r: |( M
typeof($js_libpath) == "undefined"
' J- x9 }' C6 T- D% L7 Y下拉框
5 r( D1 y+ f9 @' u0 ^
下拉框.options[索引]
4 F& T9 ~8 G$ O1 n2 `0 a" c下拉框.options.length
- d6 i% z7 A6 |. c8 H, H) B4 V$ E
查找对象
) `! J$ g8 j# x& N$ e) _# X' ~; }
document.getElementsByName("r1");
' [5 N0 x% J) C! zdocument.getElementById(id);
" P- s- c! c @" i定时
" H% z0 T$ E$ l0 t) R, r. ~timer=setInterval('scrollwindow()',delay);
, d% u& B; {! u# A3 D
clearInterval(timer);
4 d4 m; V6 j4 }" x0 v2 BUNCODE编码
1 J- }$ Y% Y5 p5 v$ Lescape() ,unescape
. Z V! Y' w" D; Z8 r' G8 @$ n
父对象
+ d2 p. ~/ e L7 mobj.parentElement(dhtml)
* L3 J8 k9 U6 c1 X/ r, Qobj.parentNode(dom)
& K, Z: y% g: E9 \0 P! H2 ~6 s. \交换表的行
+ v3 ?' F8 Q4 y6 c# n1 DTableID.moveRow(2,1)
/ Y6 g8 O4 L2 p- v+ Y
替换CSS
* \/ p; G5 K/ L% H' [document.all.csss.href = "vvschool.css";
' E, {& j) W, T# B" E: g4 |" L; b1 X并排显示
, A u* a( {' z# \# R# ?display:inline
) P, D, O0 M7 {: F3 B! `) ^# }
隐藏焦点
7 H1 P+ {4 C I& {3 E; \
hidefocus=true
5 i, E3 v, K$ s$ R4 O
根据宽度换行
4 d# `8 R' x8 nstyle="word-break:break-all"
7 T+ X: v8 u0 o3 F8 a自动刷新
2 q: m1 A; h8 ~' t: ]/ e! |<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.vvschool.cn">
& V8 n* f* J3 m y* E2 w- y
简单邮件
! C( {# F! Z! @<a href="mailto:VvSchool@126.com">
- Y' b- W: O. M
快速转到位置
) C. e" r( s0 ]( C+ m2 u% N3 w; tobj.scrollIntoView(true)
# T2 b$ z) v( m8 i3 L
锚
' P* u+ W3 e1 z% O* {+ E/ I
<a name="first">
: o5 r9 N& U2 a( Z- {
<a href="#first">anchors</a>
4 ^* v* ]" w! \, M: V$ q4 X# V网页传递参数
2 ^ \3 w; q1 ~1 Q: M+ f
location.search();
- e. S9 J7 L, I9 R可编辑
4 v8 m- e& e1 i3 }% F& eobj.contenteditable=true
: ~) @% r: b4 U, U执行菜单命令
" K% N2 U( u7 N+ f$ V: _' N! Hobj.execCommand
4 F9 \" H- l8 M- t" ]9 O双字节字符
+ \1 p* @; i1 s G6 B. |
/[^\x00-\xff]/
' e5 _9 P7 B/ @: C* j/ i1 q* E* q汉字
n9 v% }. ?- F4 O$ I) [/ H% i& O
/[\u4e00-\u9fa5]/
4 O5 l9 t* V/ X; Z' B; U) X- A让英文字符串超出表格宽度自动换行
, {( X0 `) h8 z3 V/ w8 z
word-wrap: break-word; word-break: break-all;
/ W! F9 N, U q# H0 l
透明背景
% Q, v, ^# U+ B0 ]5 n
<IFRAME src="e3i5.htm" width=300 height=180 allowtransparency></iframe>
/ i+ P+ E1 P$ ?9 a* H; G* g
获得style内容
& L" M$ w3 m1 Q0 ^- H/ q8 ]obj.style.cssText
& A3 u! {5 B8 MHTML标签
4 q, z, f# Q' E( f) {2 l3 ?document.documentElement.innerHTML
2 E$ D* ~% l! s: ^8 K) c& t4 k0 _
第一个style标签
* `! r; Q& Y$ B) F! }
document.styleSheets[0]
c" i6 r- m& g) c/ Z* Bstyle标签里的第一个样式
! H1 D7 G: W4 b1 u. {+ a4 K" tdocument.styleSheets[0].rules[0]
9 y# x0 A# p6 h9 V$ U! }$ X! ]
防止点击空链接时,页面往往重置到页首端。
u* C' S, P0 G+ p- t' c
<a href="javascript:function()">word</a>
" l% Z, N% ]" i+ `6 E/ N7 m
上一网页源
; w0 A( ^! l# B1 J5 ]- i; tasp:
% y" V, _+ c) ~/ I2 Y" o5 [request.servervariables("HTTP_REFERER")
! p: d& |. n1 s- qjavascript:
8 o$ M* ^$ z" r! J
document.referrer
4 c. U4 Q5 L3 Q! I5 f. A5 ?
释放内存
- |8 g. ~. O# M* i$ ~CollectGarbage();
( b3 K1 _3 x3 ]! y, Q) t
禁止右键
" o: \( |! A5 y4 z1 Q# n
document.oncontextmenu = function() { return false;}
2 q* z q" ?. u U; \
禁止保存
' v7 O: R; j7 }9 l9 K. A: u: Y: n, E
<noscript><iframe src="*.htm"></iframe></noscript>
$ _5 C7 c) L s
禁止选取<bodyonmouseup="document.selection.empty()>
% s0 w5 F! z* o; O0 d' K) L7 d禁止粘贴
! s% m1 y- ~" s$ {/ E8 t5 T
<input type=text>
6 j+ u- x" b! _/ E1 C
地址栏图标
! J; |& h4 B6 _$ L" r+ T2 f
<link rel="Shortcut Icon" href="favicon.ico">
) `( w/ |9 G9 K8 w% W, Ifavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
5 X+ V- |$ w( N. l) u* H2 q- u收藏栏图标
; K4 U9 @8 M: [+ j, S
<link rel="Bookmark" href="favicon.ico">
; v# C, M) ^2 R* r' v
查看源码
0 _1 g) W7 v: \; h<input type=button value=查看网页源代码>
* W* |% j$ P0 w* Y关闭输入法
2 Q& e' ]9 x/ n$ k: e3 H<input style="ime-mode:disabled">
5 H0 _5 A1 X5 R! G; F7 ~自动全选
6 ~7 d) p- J% N3 p1 a
<input type=text name=text1 value="123">
# W9 h4 K# P2 n; b8 T- EENTER键可以让光标移到下一个输入框
3 M8 v7 i5 [, v( X. G
<input>
/ D' w7 |: M6 s
文本框的默认值
* p, t; h" h6 ?" T! I6 G+ l! d<input type=text value="123">
- b% Q2 o/ O6 stitle换行
: v0 ^' l+ Q( h, d/ Q$ |
obj.title =
www.vvschool.cn
3 [$ W% r7 Y2 N' s9 ^' g8 V获得时间所代表的微秒
$ x# Z) t ^5 |: S+ x# vvar n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
$ q+ w c/ b4 Y$ R$ l窗口是否关闭
) n+ x% n7 m) {" I1 @9 Q- D# O' @5 d
win.closed
" {6 x- m( D+ _- F! lcheckbox扁平
+ c9 F8 ?& e% j
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
* H$ [" c. n8 V5 {# D8 r获取选中内容
, E7 e& a6 z# L) gdocument.selection.createRange().duplicate().text
4 A: P; x+ V5 Q& \' K自动完成功能
4 b1 w4 X. V2 X# s* j2 n5 A$ p<input type=text autocomplete=on>打开该功能
* d! C: P: F) I* o<input type=text autocomplete=off>关闭该功能
$ j; M" O: T3 a) ~- U% ~$ V! x! f
窗口最大化
' t: s8 P% Y1 U: W. y$ |; u
<body>
7 F. r1 ~8 Y9 c5 d* o$ `: V5 r4 A
无关闭按钮IE
- E/ Y! s: x8 ]% y5 f' |window.open("aa.htm", "meizz", "fullscreen=7");
# P& u2 `5 W( H* {( M$ b$ L
统一编码/解码
- n2 S4 \! i* \; u$ O
alert(decodeURIComponent(encodeURIComponent("http://www.vvschool.cn?as= hehe")))
6 t: M, F b3 ?; b/ `: r, XencodeURIComponent对":"、"/"、";" 和 "?"也编码
, ^: e: V5 {' [4 x: B" Z, p' v2 S3 }. r
表格行指示
* k( a# c: M! N+ i4 Z
<tr>
/ r% q6 d+ d' x+ ~! _' r G//各种尺寸
. n6 d5 t* g* o3 C( H" u; u
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
B' m. A- Y1 P9 c1 P
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
- I v6 V1 h3 W/ o, Q1 B' Os += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
5 M! x a# B4 a: V. c# @- b( f* is += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
5 D" c y& H: i. t% V5 R
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
- h0 x( |" T/ A* d
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
) @2 Y+ @* {6 j8 r) T
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
! @% ~: ~" x0 K) j5 m" r
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
: Q5 q( Z# o/ ]: f" w9 o0 e
s += "\r\n网页正文部分上:"+ window.screenTop;
0 C3 X+ k% [% y7 Gs += "\r\n网页正文部分左:"+ window.screenLeft;
/ ]" X* J% f& s" D( Y, }. v/ d
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
5 I) f. G: Q, N6 m) e( t8 ?! d0 V) }% \
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
8 W1 N7 h+ y4 O* z' n* |
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
0 a, I$ G4 C+ X$ B& t; k/ N" h2 }9 is += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
) I- |! b7 f9 R$ h9 f) ^//过滤数字
6 e) H. ~) d2 I/ H& z! h+ o: |2 p9 v7 X6 \) Z% l4 o, g0 ~1 {0 S& D7 o
9 C" p9 C) |8 H7 d
<input type=text>
/ Y' V, {; u/ Y' A$ k
! e. P8 v# n2 C0 Q& u//特殊用途
* Y1 P( l# z: Q1 m8 T8 ?: N; ^* b/ |
' p! x3 o" ~/ C- `7 Q5 E6 _<input type=button value=导入收藏夹>
% F1 d0 r* x( n2 ~% g
<input type=button value=导出收藏夹>
8 e* U9 s' q3 V$ i- k<input type=button value=整理收藏夹>
$ H1 J6 L3 l2 G# l2 R8 ]: f
<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
6 b6 P# j( F$ {2 Q! G$ b4 `<input type=button value=加入收藏夹>
. O' k5 q; y$ G/ C* { f<input type=button value=加入到频道>
0 U* V" }) @: ]<input type=button value=加入到频道>
8 w: t0 u3 R$ a, U# x
& m- r0 C) s4 j//不缓存
, V' Q3 s+ @% Q9 m4 `( h* r0 ]4 ?& D1 [5 q2 g6 N( Z) \- R
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
( u" Q7 N8 o9 F2 o B
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
) a/ F' W+ T/ T+ i
<META HTTP-EQUIV="expires" CONTENT="0">
. D, u: c/ X9 ?) T$ d) J! J. J' _8 Q, O7 D1 [3 G
//正则匹配
) v( {1 B8 Q3 d& b8 U/ \3 I8 f5 k! L3 r& R3 l
匹配中文字符的正则表达式: [\u4e00-\u9fa5]
- p; \& g! Y* S5 j. l* B
匹配双字节字符(包括汉字在内):[^\x00-\xff]
0 r* P$ D& J$ R; W匹配空行的正则表达式:\n[\s| ]*\r
3 t4 Q% K6 ^2 u' V3 K匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/
2 \6 F3 E% j \% \匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数)
7 H- \; M9 g- j6 z. a/ K. ]* F5 ?匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
( |4 T5 H' p- o
匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
$ {3 Q* \- q; [; `+ M% u$ b% ~1 b
以下是例子:
- O: m/ d/ ?4 @) R/ X4 ?8 w k利用正则表达式限制网页表单里的文本框输入内容:
1 E8 |/ ?2 ^' w9 [
用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
) Z4 m. q Q% @& W
1.用正则表达式限制只能输入全角字符:
( Y' X. k1 N# {' y' p% K3 t! j2.用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
' z! O6 C" L, S9 k: c
3.用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
" ?# X, h2 U3 f) ^" t, ~0 k5 b
//消除图像工具栏
6 X8 ? F2 ]0 I0 r n: k2 F
6 @* ^& _6 c; Q7 z<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
1 O7 H- X7 h! o/ |1 cor
6 X/ e! J& H9 O# r5 C
<head>
# o, z L; s- I$ [2 X<meta http-equiv="imagetoolbar" content="no">
1 ^2 i& M7 v/ p, y
</head>
& ~% a4 H6 g" z6 z, I! ` @
* P/ `% D3 I' D9 G. M//无提示关闭
# E5 f( z I2 S8 ?
* t% Y( m) | X# ]0 ~1 `/ I4 Q
function Close()
; w$ t9 Z3 w4 t. |" G{
( C4 {2 ]0 l% z" q
var ua=navigator.userAgent
$ B! e! o" H" P! e var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
! Q2 t; U( l: W; ?% }! z6 N if(ie)
+ m E! Y+ h9 G' O* X4 y$ I' `
{
8 t2 {5 _2 I3 \7 @& l var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
& Q( V+ }7 ~3 _7 @) W) n
if(IEversion< 5.5)
' L. \' G: `; [ {
' s) L) @" x& ?1 F$ E# h9 x
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
4 A- {+ L6 V1 l6 y) _
str += '<param name="Command" value="Close"></object>';
5 u: [' v9 A5 p7 I* ]3 E/ r7 f
document.body.insertAdjacentHTML("beforeEnd", str);
/ l& D$ R, K6 J3 v1 N
document.all.noTipClose.Click();
5 h! Q- X1 v& U; ^+ G }
3 _* ~4 ~% o# z
else
, K" { a k6 v$ R0 @ {
+ W, F+ n! w8 b8 d% u3 W
window.opener =null;
A+ S) p5 R% v$ C2 G: M) K
window.close();
% H7 F4 U U& ~6 g' t
}
' u. j& o3 S( D- l" G
}
% r! p8 {; _3 ? else
2 e8 O* e' @; v. k {
) K7 ]8 d$ h/ o- g2 P9 q$ |
window.close()
+ @& A9 H& Q) ] h9 a) A' P }
: Q/ j6 m% q! p9 O/ K& L! O1 D( m}
# p# ?# j5 z/ R& `( O& U3 N; w
//取得控件得绝对位置(1)
8 C# c/ V5 J/ f6 G2 v
0 P5 _0 b6 t/ i
# }! L/ x+ A3 v/ D4 d<script language="javascript">
" O9 T; S- f& g: x" ^function getoffset(e)
" `0 `( d8 E1 q$ @: Q{
5 f% y5 s/ h" }0 P# h: G- d
var t=e.offsetTop;
- X8 k0 J3 j" M$ h _ var l=e.offsetLeft;
0 M0 _8 g. Y8 [4 X4 _ u3 x, t
while(e=e.offsetParent)
# a, T6 R- V* r5 l' }# C {
9 D, C, Q. J% ^9 X. f" F. f7 }
t+=e.offsetTop;
" P2 q$ a1 `4 P6 L l+=e.offsetLeft;
P. {5 V0 N/ x7 ^ }
: \+ ~6 `4 E$ B" P+ k) { var rec = new Array(1);
/ \0 o1 v3 h6 O7 d9 Q
rec[0] = t;
( P/ k/ q* h6 T; V, Y r1 d
rec[1] = l;
, g- F! V: F+ ? V& w' ^ return rec
$ ~) W a( |, y; b! `* R% z4 {; _ O, e}
1 h. o' F1 o- z2 w+ U
</script>
! U& h; d9 [# w8 M//获得控件的绝对位置(2)
; D) i1 V) v8 `7 W9 E4 }
e; y) _! Y. J& MoRect = obj.getBoundingClientRect();
9 N) ]$ q; F% U9 b9 S
oRect.left
. M& S- u) d4 M1 f+ w' d. d! a
oRect.
. }, _+ n, R0 v//最小化,最大化,关闭
- N) E# x) N, N# J2 {5 M" @
f8 d% B i- Z& F- a; J W3 Q4 q
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
1 B5 k1 _* W/ A- `<param name="Command" value="Minimize"></object>
0 P: Y3 [0 _$ r' A$ k% u<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
) K& }6 r8 x8 I: _
<param name="Command" value="Maximize"></object>
- Z* b0 E k8 A2 X! \- I
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
; ~. |6 i' m! P7 C
<PARAM NAME="Command" value="Close"></OBJECT>
2 j9 V( y S. O4 t) t<input type=button value=最小化 onclick=min.Click()>
- V5 D6 z$ l3 w8 N/ _<input type=button value=最大化 onclick=max.Click()>
; T" ?1 [- O( Z. e8 \4 \. g7 p
<input type=button value=关闭 onclick=close.Click()>
& J: ~6 j* n$ c4 |
( ^) z% \1 N( n9 ` o9 D/ X! i( G. }//光标停在文字最后
|! y0 e& l. u
0 R0 L4 X' z. t4 t y0 X s<script language="javascript">
2 {( q7 A/ Q% f. f" U9 `
function cc()
/ |5 m4 \5 i' p6 _2 ~* Z{
+ ~, G& i) I' g
var e = event.srcElement;
* u+ ^8 P# P$ R) j, r6 ]( @1 c+ i; p! r6 o
var r =e.createTextRange();
! E& P7 y) v1 `, B, o r.moveStart('character',e.value.length);
. A" S- P) E5 z1 C* a
r.collapse(true);
* {0 a$ O1 M3 l. ^$ M
r.select();
6 M; }/ T% u! F- {; s}
- ^1 P; ^; R$ t) S5 V/ n</script>
' C( r# w( K8 }% | J+ R' ^
<input type=text name=text1 value=www.vvschool.cn>
( |" a' G2 }) a- _9 O, G b//页面进入和退出的特效
) P. U+ O" A/ t8 K3 q# u' _/ r5 y
6 z* V5 P5 a+ n% j( {8 y3 E W+ r
# R2 D' ~6 R1 s- C4 ^) a- L) P7 @进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
6 i3 g) g" G' @; e) R) v/ V推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
1 u2 F& w( y0 }) X" F这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使
: r# h" f5 c( M, S" {% }用哪种特效,取值为1-23:
' i0 u4 c0 b- y* m+ R 0 矩形缩小
! r' U0 G8 p4 d \/ Y! B, d 1 矩形扩大
1 m/ p/ R0 s1 i4 d5 j! X 2 圆形缩小
" A/ B( s- L ]; o
3 圆形扩大
; \, d4 j9 W# p- A 4 下到上刷新
1 ^* U! L* g* l& P: c
5 上到下刷新
3 o5 _0 l2 ~; H, F; G+ |( E
6 左到右刷新
- E2 N5 Z( a; U4 s9 t3 U6 s
7 右到左刷新
/ g' D- \2 {# y' X) i2 X/ N$ ^' D 8 竖百叶窗
6 O9 t, U8 C) C, Y 9 横百叶窗
" [6 Y k- R3 e; c' B' F$ Z& Y, h 10 错位横百叶窗
# ^' g9 @# _/ B" c% g6 s
11 错位竖百叶窗
: i7 K$ _- d. E+ y; Z
12 点扩散
/ i6 ^% J6 @- M; q6 O$ u 13 左右到中间刷新
0 g: g7 x' g" } 14 中间到左右刷新
1 m) }# y1 x& ]5 a: u3 P
7 \1 ]) _5 u, W5 v5 R1 y
js代码大全,总共有100个,广告、新闻、动画、菜单、相册、幻灯片,可谓面面俱到
, n! x! c" t. ^7 j: S3 K5 [+ i: q
直接上下载地址:. H8 f5 `2 k+ ~/ T- p2 ]2 T
5 d2 D/ G- S2 h% ?; v+ [6 m