事件源对象
; O8 ?* I# |6 b+ \4 M! ~; f
event.srcElement.tagName
9 V6 ~; {7 T- P0 i, k
event.srcElement.type
2 C5 \% [) ?1 S% u: G捕获释放
& E, r7 Z* `: z4 \
event.srcElement.setCapture();
4 O( J" @5 m* \event.srcElement.releaseCapture();
7 F9 z, z, @9 d9 j! P# d& j. v事件按键
9 ?7 O/ o1 @1 gevent.keyCode
7 G. X" B2 |, m+ p9 P
event.shiftKey
3 `& m8 O/ }' ~/ p* g/ p0 Q4 pevent.altKey
5 t1 a- R0 o' R! [$ |% r
event.ctrlKey
6 t0 p- }4 E: S, y; Q; n
事件返回值
& o* T4 x/ ^8 n) c, @" eevent.returnValue
C/ Z. Q3 Q0 ~) k' B D2 B& `7 F
鼠标位置
9 A) o, n6 ]' F2 d3 e
event.x
& I+ h9 }5 a' j1 @; @2 N
event.y
* G1 w* V. O% S( F8 P% _7 M窗体活动元素
3 |# t/ A0 e) H) U6 Y7 u
document.activeElement
1 x# G* {4 f+ U; k
绑定事件
) V! c4 b1 V' Q. }7 P7 K9 y( Sdocument.captureEvents(Event.KEYDOWN);
) N+ G+ H! K) T' ^: e) I访问窗体元素
' X- h3 _! \( k, [. a* R
document.all("txt").focus();
- {) k, m) T, z3 b! mdocument.all("txt").select();
8 d( D9 j& c1 m( \/ b* v5 Q: X
窗体命令
# [- ?0 H) K e) Y2 }2 V% `" Gdocument.execCommand
" `: s: g, i" u7 V9 q/ X9 u( A* l- Y窗体COOKIE
9 u; W6 w1 E: u3 f2 L+ Udocument.cookie
7 L- Z% R/ B! p1 U
菜单事件
1 F' q3 q2 Y* d! B vdocument.oncontextmenu
% S9 T: D1 B# x1 K8 J, m7 p/ @创建元素
- J& M, R) [. y0 z. q1 ~7 ~
document.createElement("SPAN");
) N9 i `& i6 k! g* v2 D$ W
根据鼠标获得元素:
) a5 n, v4 h# ^
document.elementFromPoint(event.x,event.y).tagName=="TD
3 C' R! f; g* f6 l
document.elementFromPoint(event.x,event.y).appendChild(ms)
1 t7 k$ R2 J0 r- D6 ]窗体图片
" y: f$ B) n% m
document.images[索引]
+ o# u6 x! y* q$ ?* B' M6 ]窗体事件绑定
: o2 ~+ U- t6 G |8 K0 q4 w. g5 Ydocument.onmousedown=scrollwindow;
, [4 {7 `/ w i元素
% f _( B( e3 Q6 X; a/ t9 c) N ]$ gdocument.窗体.elements[索引]
$ @" }( y+ ^" x( M对象绑定事件
+ `: k' q9 h3 n8 t
document.all.xxx.detachEvent('onclick',a);
`( o" B: _# W" h+ V' d) J插件数目
; F. {1 {# @# D: N0 d9 V$ L
navigator.plugins
) R( k, l3 {: I7 y; z9 h取变量类型
b# b: R3 [8 g. O- ttypeof($js_libpath) == "undefined"
8 `8 |+ k2 e) C5 S& \: k下拉框
z+ x, W6 L# d3 l1 h4 l$ {; Y, y下拉框.options[索引]
3 ^7 B u% w: R9 F/ @( ?- h
下拉框.options.length
( t) G0 B6 ^8 C: ~$ u% ]9 ?查找对象
: B! w. T \6 f( R! {0 @8 f/ kdocument.getElementsByName("r1");
: Q) X7 X# I! a6 n6 ~+ N Y1 T0 m
document.getElementById(id);
0 m/ W( P! L% v; u
定时
4 i" V* p/ u5 B- |# E
timer=setInterval('scrollwindow()',delay);
6 s, R+ p, L. |1 u, [- h% Q
clearInterval(timer);
9 c& f1 [1 m0 z ZUNCODE编码
2 ]% z, ]6 o6 p+ c& ^escape() ,unescape
. O! L9 a3 ?6 q9 k S父对象
. _ ~' w; a5 O$ z! N3 hobj.parentElement(dhtml)
. \+ J8 K- s6 p) J6 M( m" }& Hobj.parentNode(dom)
# d- ?5 F ^" j7 i1 ]5 l
交换表的行
! k" Z8 I- \ }3 X0 G- }
TableID.moveRow(2,1)
) U1 A( I" ~) P8 |* M. \& [
替换CSS
: W% ^4 b( G8 V! Z9 A1 D9 \document.all.csss.href = "vvschool.css";
) H8 i0 ]. k( A6 M1 V" m
并排显示
9 a J7 K1 J* W" w; N" Y; b' K Q! Y
display:inline
' R) O9 W2 ]! B* O8 {" S& M% X隐藏焦点
& ]8 a% j& X$ M2 }hidefocus=true
7 M7 v- b' ~9 `9 O. c. h* x
根据宽度换行
( Y% x4 f- r, H! lstyle="word-break:break-all"
% G: ^( j1 c( b( V# p/ X
自动刷新
. x1 V, ]0 @ | K L
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.vvschool.cn">
, {% f6 g# t7 i9 B" z. l+ F简单邮件
. N1 l& c7 O" ?& p! l
<a href="mailto:VvSchool@126.com">
& G! D4 m. g+ ^, d+ [3 G快速转到位置
' N, ~. S0 S$ }' `$ U& A6 U6 G5 @& {
obj.scrollIntoView(true)
+ ^ ]7 o9 }' F8 s, S" }0 D
锚
3 J; f' U! S3 S! q3 S. Z# z+ ?. z<a name="first">
. c$ J; ?$ O# l! g- c3 _1 P$ v
<a href="#first">anchors</a>
" z, R8 v2 {4 P! N7 k
网页传递参数
3 E: V9 R# k8 T4 \location.search();
" Q( {$ U, d* m- c; v% q/ {5 R
可编辑
4 ~% w. S7 `0 D& |5 f/ bobj.contenteditable=true
7 Z- {& q7 @5 i2 T( w1 o. [执行菜单命令
3 N, }; E; c3 H5 H. h$ Z4 o6 m' Jobj.execCommand
' D+ P* ]' m( m5 T2 ~双字节字符
7 `* }- ~ P0 C* u( X/[^\x00-\xff]/
) c, r# ]# H+ r! A4 u C6 U汉字
% F" F$ L+ X! h" h/[\u4e00-\u9fa5]/
P0 y" J9 h* X5 i4 z7 r1 O
让英文字符串超出表格宽度自动换行
6 r2 D; O2 d# m. j fword-wrap: break-word; word-break: break-all;
% }# S6 G3 X" @$ r透明背景
( ?/ ^5 T c0 J, q2 F# M* K% ^
<IFRAME src="e3i5.htm" width=300 height=180 allowtransparency></iframe>
% `$ P- }* h; O& { C
获得style内容
7 J8 W+ m: P+ g* r2 k: S* a# W
obj.style.cssText
' ?' C5 {/ s( T$ v G3 s* E7 z7 l
HTML标签
/ A5 [+ v9 c6 U- f, r% pdocument.documentElement.innerHTML
5 ~' }! ]0 p6 ^" X第一个style标签
7 i6 Y; z# o4 k' H- L0 ^' \, _
document.styleSheets[0]
( m; @6 ^% v* @1 U. t4 R( ?7 k5 x) Jstyle标签里的第一个样式
9 A6 K- U- {* i+ `% o- K5 M( k1 x. {document.styleSheets[0].rules[0]
" M% b( o1 I* t) E7 W) z8 B防止点击空链接时,页面往往重置到页首端。
5 o* |1 p5 U( D; I9 t( D7 V
<a href="javascript:function()">word</a>
5 ?+ c; [, X& F上一网页源
* @: I$ P+ u5 C: ~! O: tasp:
- T. U1 y5 k* p U( g% b) w6 A
request.servervariables("HTTP_REFERER")
* ?/ o2 W k2 l# Fjavascript:
: S% i4 u" Y6 A+ s4 x/ ` b" w
document.referrer
: n& q) @/ K9 t: [. r x2 P$ b! C
释放内存
$ y: w& F/ E. V* J( @7 \0 s& E
CollectGarbage();
+ x, ~# P4 K" S9 V. Y, s
禁止右键
9 `8 Z8 T9 ]5 S% p6 q& odocument.oncontextmenu = function() { return false;}
. Q+ p) Q' W% X4 w6 z# p6 Y' ^禁止保存
8 k7 S4 v; x1 C' b: K( a<noscript><iframe src="*.htm"></iframe></noscript>
5 R B' R4 W# _1 f" B
禁止选取<bodyonmouseup="document.selection.empty()>
2 O7 g5 [ m# O) \
禁止粘贴
0 c/ `% Q, b/ V4 z<input type=text>
8 V! d1 o) i+ F3 t地址栏图标
' n* u% a2 O% Z! L<link rel="Shortcut Icon" href="favicon.ico">
; I; B) ?( s8 i* X$ e ?+ mfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
3 C* ^0 c9 m5 O7 i收藏栏图标
' W, }. l: E, b! A5 M8 m<link rel="Bookmark" href="favicon.ico">
& x, H7 M. |3 [5 e0 |; W查看源码
0 K x' v7 E w2 q4 m" @% @* ~<input type=button value=查看网页源代码>
8 u) |; B3 C5 o: S/ }% C/ U5 e. ^
关闭输入法
! r, @8 m0 \/ b9 x0 [; n
<input style="ime-mode:disabled">
8 g, l$ O8 I( O" Z1 h1 k自动全选
" u P& h* R& L1 z<input type=text name=text1 value="123">
- J/ o( |% F2 P7 U6 c
ENTER键可以让光标移到下一个输入框
% w c% X+ l( A1 J7 J3 H
<input>
- c# H+ R7 M' R. g( m N
文本框的默认值
# A3 `& B4 [7 \- ^" o
<input type=text value="123">
( W1 w9 q; v3 H" T; C4 Ptitle换行
4 D* E! {9 s& Y+ K8 _7 \obj.title =
www.vvschool.cn % ?4 f& k) K8 {1 W% @
获得时间所代表的微秒
% H H5 L7 \# Y3 A& @var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
M+ w$ n8 h+ D% o6 H# w6 y' t) i( G
窗口是否关闭
( x8 r" V6 E$ L# P) Mwin.closed
, n* ^- u3 n% A: D+ L: v# x7 ucheckbox扁平
+ [" x3 Q7 U" N, H& P, o
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
4 o+ D# [$ `. k5 Q7 T
获取选中内容
6 [6 r0 V& h0 \
document.selection.createRange().duplicate().text
) o( v/ u* Q8 ~, e( [: L) o自动完成功能
1 k# j7 k/ l% [+ ]
<input type=text autocomplete=on>打开该功能
% u% s+ M- F" Q U) I# T$ n<input type=text autocomplete=off>关闭该功能
/ V7 u+ s9 o. t: u# ?窗口最大化
6 O- V* Y* |. o% q2 s0 k0 ?5 U$ l( }<body>
9 O% q" ^4 T a% ?4 R9 v
无关闭按钮IE
9 \- q9 [3 d$ g' \' E8 lwindow.open("aa.htm", "meizz", "fullscreen=7");
2 p( n" ] y6 y; M统一编码/解码
2 v% G5 v6 m; t
alert(decodeURIComponent(encodeURIComponent("http://www.vvschool.cn?as= hehe")))
, Q+ J: p0 A! w& RencodeURIComponent对":"、"/"、";" 和 "?"也编码
/ ?, g- h7 z0 v
表格行指示
4 T1 h' I' F) Y+ d' k$ @+ ^/ W<tr>
; B0 a' U$ h5 E' o S' ]4 I; Y% c//各种尺寸
3 b5 G% ^2 |& Z- Q1 H4 p
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
9 o) \# \, J; t' ~s += "\r\n网页可见区域高:"+ document.body.clientHeight;
# Y" Y9 c9 R( `9 J' n' z0 X
s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
; }2 X1 d- Z7 A2 M- h" |
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
+ c, R' ?% `8 m8 f6 ]3 R
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
$ ]/ y6 r; P- N+ a' s$ @& J b- ~
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
7 ]) E% a+ l; M, Z) d& m: as += "\r\n网页被卷去的高:"+ document.body.scrollTop;
' U( q2 O9 y3 Ks += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
$ D5 a- y4 ~: z2 X/ G& f* ?
s += "\r\n网页正文部分上:"+ window.screenTop;
$ A! q' ^% L; C: n0 _3 o
s += "\r\n网页正文部分左:"+ window.screenLeft;
- M. c- t- }- f3 z/ I
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
) u1 @1 }/ x' Y1 e K
% i- Y. L7 W1 D% F% P4 i( R& cs += "\r\n屏幕分辨率的宽:"+ window.screen.width;
- ] l" _% o7 Q0 y# f2 |s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
" x8 H- B+ a# ?, C/ l) w; `s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
9 F. I+ ~+ {( l//过滤数字
8 L6 [+ V S7 x+ S5 E- j
" t" t! {0 r4 Z; h5 Y" K/ T! N; H3 b0 c3 _" y4 f
<input type=text>
' B$ d3 H1 \ T% i2 S0 g
8 v- G( y/ Z& K) @7 j7 h! }
//特殊用途
- C: e( H1 r) L2 d; e v' L0 w8 X" S' z" U- B8 I
<input type=button value=导入收藏夹>
. D4 j4 L6 j7 U3 j+ J( f1 J4 `. ^<input type=button value=导出收藏夹>
2 @% S. }2 A3 y" ~
<input type=button value=整理收藏夹>
3 ~- [( D) F4 o4 j<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
5 ]" K6 o) C3 T- ^/ N7 ~9 p& h<input type=button value=加入收藏夹>
6 h5 m4 i; b* z& g$ }<input type=button value=加入到频道>
b/ a- |! g5 J k3 i! a0 h) C3 _
<input type=button value=加入到频道>
; m% Y; K- H' P9 x/ {( ?' o" {3 I8 b; N4 Q6 b3 A" u! R, J Z
//不缓存
) n$ D* E) ~) f m' b, i/ ?4 V0 f
' X& |# b$ t6 P# b' N+ ]' Z. t: U2 ^
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
# {* c5 s/ `+ n% K d; h
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
# _& T5 V) f3 q1 _ o: ^- y! h
<META HTTP-EQUIV="expires" CONTENT="0">
7 \% D& m( D) z8 I5 j1 p
7 {9 D' A. b$ m8 o) t) S4 W//正则匹配
" J9 y8 Z+ V4 j
9 @+ }! E+ ?9 v& W2 s
匹配中文字符的正则表达式: [\u4e00-\u9fa5]
) d7 N b e z' Q3 M
匹配双字节字符(包括汉字在内):[^\x00-\xff]
& ?3 s$ D U; g$ ~匹配空行的正则表达式:\n[\s| ]*\r
9 _' K4 J6 z- u# F) {) `. L' Z% r
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/
! c9 i( c: l$ s: q$ d匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数)
& H: V# N2 s& `9 { w& ]& u; w
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
q, R- w5 l, k: J* p
匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
+ K0 V/ \# f, s* H" A以下是例子:
2 x% {" \; h$ n: M利用正则表达式限制网页表单里的文本框输入内容:
2 a, h J5 ?& U9 D# r! w2 d0 F% ^用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
3 F* Z- p1 z; c% ]( c0 B" G1.用正则表达式限制只能输入全角字符:
$ r- q* l" u3 B% H- o2.用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
6 R! L' Q: N, m. ~
3.用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
/ }' e1 R' H: {, o& e) V) M
//消除图像工具栏
( @1 h& q( F! S) j$ U. ^9 O6 h8 `3 f4 J. q n6 i _3 m* D4 ~
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
) G* N& w$ [$ \9 ior
0 L- e+ D. V0 }9 N
<head>
& v# X0 a7 M' ~- C% o) {# y/ E
<meta http-equiv="imagetoolbar" content="no">
% m% k/ h' H8 J7 z% W+ X</head>
9 L9 |8 d7 x) i+ M& J& s
. w) S# r8 | t" X8 C1 o//无提示关闭
6 T; P; b; Q/ y, i" @
4 s' {' P3 J2 g" Pfunction Close()
8 N8 h, u6 S/ I( E4 Z* |* Q
{
- W( y5 e8 y) _. C# g
var ua=navigator.userAgent
) b) e- H3 J6 ]7 ~ var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
* h& C/ Y7 k9 c5 c( Q& U
if(ie)
5 Y9 \/ t3 P0 {1 W4 H6 _
{
, y5 E. n/ b& R6 U4 p7 H& q
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
! p+ I, W4 S( K/ g$ @ if(IEversion< 5.5)
" n5 s# \4 W v/ f
{
) ], s$ N' g+ u) T2 P+ [1 O+ u
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
' m! q- f3 N( U, M( i: Z' x
str += '<param name="Command" value="Close"></object>';
) F8 e$ ~# j+ t; I7 K
document.body.insertAdjacentHTML("beforeEnd", str);
& L" A5 t0 w; e5 ^: b
document.all.noTipClose.Click();
- a6 e' n# N$ s$ n- q
}
" \. e( X# R' `1 c3 z
else
: x! T# p, v7 F {
8 {2 p7 c0 \& f: y. v0 y2 V6 J window.opener =null;
9 n' t, P1 ^& l window.close();
}: Z2 m( k& I3 W# N* \- x
}
5 G; [& Y$ G" u" b }
$ w$ E" l! |1 w4 @5 O1 \ else
! G0 v/ q& i8 a* v# |& \+ p {
* [. r9 q! o f1 [% }9 ? window.close()
1 V" h- U0 m3 N& ^ }
, |1 D1 ?( s7 s" y}
k L6 ~7 l& q- [* {3 h; {0 O, q//取得控件得绝对位置(1)
) c4 \0 `4 M$ X2 w( m1 }9 x( `
0 T2 A) x! L5 [- E
0 g% z& N- h, W' O<script language="javascript">
# f- h0 L% o% Y$ O* k# m% Q
function getoffset(e)
1 k/ }0 k6 z v7 {/ u3 \7 a{
3 F2 l& ~5 ]- {" B
var t=e.offsetTop;
) M3 b' k( O+ \# G) }% Y. ^* r var l=e.offsetLeft;
' x4 S$ b3 P) w1 f* q: F while(e=e.offsetParent)
! V: @1 p* C4 I$ {3 ] {
3 }# B% a. x; Z% p6 o% \# ^, L t+=e.offsetTop;
8 M. s- D5 ?3 ^$ P
l+=e.offsetLeft;
9 t: |8 j$ n' k
}
. d h7 O8 [* o: O) i c- _5 E var rec = new Array(1);
% X' G9 |) b/ a% }6 f' r% ? rec[0] = t;
2 U+ _, b9 w" o6 O* p
rec[1] = l;
0 I: M+ s' G/ d1 R' w return rec
Z/ g$ R6 P: I. x: T2 g7 E, V, S! h}
: K2 p g% ]% ^. j: y3 M0 n</script>
( t* f: ?" T5 A* F//获得控件的绝对位置(2)
7 c1 w% u, I y* ]4 ?1 y/ r' @
7 n7 S$ u8 H' g6 m. u W
oRect = obj.getBoundingClientRect();
3 r, f$ S( ]/ c$ {oRect.left
# K8 s4 ]# c- n
oRect.
" m5 [2 K; S/ U' z+ S' L//最小化,最大化,关闭
1 Y8 U5 _, q1 U, r
6 z. m4 ~# I& N9 `<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
" s' p6 e, W. d3 N; v2 L9 u$ O<param name="Command" value="Minimize"></object>
* s5 }! X, `- K8 m4 R
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
+ N/ ~& i, |5 t. ? j3 s<param name="Command" value="Maximize"></object>
9 m$ @, p/ E3 `3 c<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
6 n4 x8 ]' k" L* w1 h* J
<PARAM NAME="Command" value="Close"></OBJECT>
9 m" V0 E; a2 H7 |$ v( Z4 w<input type=button value=最小化 onclick=min.Click()>
2 O$ x" g3 N4 L1 h4 ^( T# \3 Z( _+ o
<input type=button value=最大化 onclick=max.Click()>
4 f; V1 N$ A) T9 X1 j+ t4 Q4 q<input type=button value=关闭 onclick=close.Click()>
6 N4 J% K! F9 O3 B; z
' p, w! y" Y* p+ d//光标停在文字最后
" \1 a x" g7 Q: O& {) J5 {
/ f0 w( M6 p: f
<script language="javascript">
9 S0 K y* ^# }, m& F4 ^function cc()
2 l9 ]% T1 c& b2 L{
; [5 R. C' P+ h: D9 z5 H& n* W var e = event.srcElement;
$ F( L8 I1 B& Y' w) w/ U var r =e.createTextRange();
/ g3 [2 a2 z1 N5 z) s9 h h+ y r.moveStart('character',e.value.length);
. D h A5 k( c# l1 S0 C/ I3 j
r.collapse(true);
/ Y' H% ^3 [& I
r.select();
! s0 }; t% ]5 P' x
}
& N, k2 ?, S: ^
</script>
# o1 d% R" _. ^0 [: W
<input type=text name=text1 value=www.vvschool.cn>
( r4 E, Q c& ]- A ]//页面进入和退出的特效
1 e5 Q) A' c* v, {/ o. `
7 G* X$ E! \9 _% w+ C [ D! Y2 `) Y0 q2 @) ?+ L2 K# S
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
3 Z; v, I6 g- p) m+ M& n推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
5 Q2 R: y( [- E S2 x这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使
; R" C0 q( I5 `3 } l8 [+ ~
用哪种特效,取值为1-23:
4 ]3 L/ d, P2 t1 l. x" q
0 矩形缩小
. u. ^3 p* Q% a" `% w 1 矩形扩大
6 @# J* `. G8 _. ]
2 圆形缩小
) X: K6 s( f% c1 L$ Y; P
3 圆形扩大
/ L! g' s% f3 y! U6 u& X8 T
4 下到上刷新
3 b) w! E) G8 t# x' r3 M
5 上到下刷新
5 f$ o" L( O8 ~, P
6 左到右刷新
8 l9 {$ }4 D+ ^0 I 7 右到左刷新
# f! K" E; y; N3 h: s: { 8 竖百叶窗
6 I( i4 w, [, C1 v, z! Y* A 9 横百叶窗
& E2 l% Z) n. \" X 10 错位横百叶窗
; ]4 l# }2 G; h4 o/ \; l- t 11 错位竖百叶窗
5 U6 S- v7 G& P0 U
12 点扩散
, [9 x$ @0 I8 L* I- _" Y$ S 13 左右到中间刷新
* S* r# R- m6 J# {2 C$ H' \5 Q
14 中间到左右刷新
0 [1 Z0 ~) e7 f+ K6 p# M$ W- S Q
9 Z" Z) | Y* W6 t6 B0 Jjs代码大全,总共有100个,广告、新闻、动画、菜单、相册、幻灯片,可谓面面俱到
/ M7 e$ d _, x. u" W7 m0 F
直接上下载地址:
! R: v0 D+ Z' ^7 @4 Q- i% M9 X
/ c+ J, C7 u3 ]( U; r& @