事件源对象
* s8 M" Q" E+ p
event.srcElement.tagName
7 s# [: [/ q( oevent.srcElement.type
9 ~ m$ `# N' }$ D: b% } b
捕获释放
" R1 Z' H2 Y0 F2 ~- g# i- Vevent.srcElement.setCapture();
6 \: `* J/ l) a9 v7 ^event.srcElement.releaseCapture();
) B* ^7 Z- c8 r, k% K( Z* `4 @: {8 G$ N
事件按键
4 S* }% i: t- c! T# V. _% |event.keyCode
8 M/ b2 Y/ l+ v; M3 g( I t
event.shiftKey
" o- x2 v2 _) s) z" }2 x) M5 C, V- s
event.altKey
; r- X0 n1 d' f8 ?& S& `( cevent.ctrlKey
" t/ L8 Z0 n9 T* |
事件返回值
+ D w- _6 Q. J0 H4 q) cevent.returnValue
& D d- y3 l2 ]& k/ r8 I鼠标位置
8 W; `* ?! I& ]
event.x
9 Y# [5 K% l2 K3 Bevent.y
! v- ]* J1 N' l" X* B- D
窗体活动元素
]8 L& G% f" K6 O2 B; [document.activeElement
. ?% Y+ Y6 d! |* d! A% f; W0 N
绑定事件
6 h0 h0 p8 a' P6 b( kdocument.captureEvents(Event.KEYDOWN);
6 Y7 v1 g: ]8 l3 ]( G
访问窗体元素
; {- R, U I' H8 y& w3 J
document.all("txt").focus();
4 b, v$ j. |/ s% M6 r5 w+ @document.all("txt").select();
& \' z; T* I, ~1 B/ m* t' h. E1 m* o
窗体命令
7 x4 M! ]: r; W! Y# k8 F
document.execCommand
* k4 A r' p( y/ Z7 A( {* k
窗体COOKIE
$ q5 q% I& H" Y) R$ p* a0 ]' Adocument.cookie
* y+ Y& M- F( y# V& a4 h
菜单事件
4 W7 q% f+ A- B }, O) I9 A
document.oncontextmenu
" E" e a0 P9 ?; Q
创建元素
* b. u" a) f7 S/ F: C% idocument.createElement("SPAN");
. O9 l2 a: E+ [, T根据鼠标获得元素:
2 P0 B* v" @! z0 ?2 t# zdocument.elementFromPoint(event.x,event.y).tagName=="TD
% F$ N* F1 X2 }# gdocument.elementFromPoint(event.x,event.y).appendChild(ms)
" E* F/ I) Y* `5 R, `
窗体图片
# ~( g o2 u) T/ B' L' ?document.images[索引]
. _6 | d) ]4 D
窗体事件绑定
, L [+ r. P: }) b6 ldocument.onmousedown=scrollwindow;
+ W8 q! ^* j8 u( ?元素
- ^2 x/ E+ o- Y3 b6 E# n. H9 {( Tdocument.窗体.elements[索引]
+ H" E I; f0 ~$ Z& g6 v4 I, a$ j/ p对象绑定事件
0 o3 Y: o+ |1 I7 ]. X) K+ h/ J( s+ g
document.all.xxx.detachEvent('onclick',a);
/ b% w% j8 e$ q# V" }7 A
插件数目
( ^- t1 m$ s Y0 j" d+ E# u
navigator.plugins
/ j: p8 A0 N V$ b; w3 B& u取变量类型
" _$ c/ g7 I$ Q- h# G( N' x: p8 L/ y
typeof($js_libpath) == "undefined"
/ ?& b; ]: B9 V
下拉框
$ ?9 l, n2 z$ Y下拉框.options[索引]
2 `2 Y" l$ m% f+ Y7 s" J8 ~0 X
下拉框.options.length
" `2 [+ j, p d
查找对象
2 Q9 b: ]6 g+ V0 ]+ t4 ~8 ~/ Hdocument.getElementsByName("r1");
: ~9 E& l' P# h# _" E. Y% ?, S* ] wdocument.getElementById(id);
7 r- }& w6 F* x定时
; |; V* r, e$ u3 i8 e8 utimer=setInterval('scrollwindow()',delay);
; ^. H9 \7 K. j6 ~/ m0 \8 PclearInterval(timer);
2 I m% N L& d% }$ c! @UNCODE编码
, C; ` |7 O# g0 ?$ pescape() ,unescape
+ p& v: W6 c2 w0 D$ t
父对象
! M) j7 n+ I8 Y
obj.parentElement(dhtml)
. d7 C( r5 S6 f8 q: J5 S3 g! cobj.parentNode(dom)
- U: G6 d" Y5 v- t/ U* ?
交换表的行
, U* p/ q- J0 i0 B7 ~. d3 r0 Q
TableID.moveRow(2,1)
/ l1 V# x& W" }- B3 v2 n
替换CSS
& w6 E0 d2 t$ C' X; e$ P5 V5 ddocument.all.csss.href = "vvschool.css";
$ \' j5 p. d' C5 H
并排显示
7 d4 J4 n9 \2 Y1 h, i
display:inline
8 N" v7 Z( U0 U; N$ \# R4 k
隐藏焦点
* F7 Z; L- z/ }# V# E3 U& }hidefocus=true
+ v$ d' ^3 z+ S! P根据宽度换行
" ~# `+ N) z, R) Y3 S* Tstyle="word-break:break-all"
* Q9 W2 ?5 w, G) Y' b自动刷新
i0 W, U: @' \
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://www.vvschool.cn">
) ?" v2 p% T9 p& w% Y1 n" ]0 J5 s简单邮件
9 d4 e9 I2 c& @3 F' q6 c, V<a href="mailto:VvSchool@126.com">
0 Q% `4 P2 `" {& ~
快速转到位置
3 f5 c1 L) y8 z
obj.scrollIntoView(true)
* o/ `: e0 E: {- j
锚
3 ]7 i5 U. h# o: v6 Y+ {' |7 s( A
<a name="first">
6 ?! p! g; w" I) K( [) {
<a href="#first">anchors</a>
8 V% w4 b% j" O2 k网页传递参数
9 O0 n3 B! ^2 \- T0 ?; U/ Blocation.search();
+ v! m3 u3 |* d8 f7 y4 K
可编辑
" e. x$ H' ~' s' t2 p
obj.contenteditable=true
) I1 p5 _# { ~2 [. h! a
执行菜单命令
( j, d$ j* A" F! d
obj.execCommand
9 x/ C+ _3 |# a7 G双字节字符
8 Z. D/ Q2 N8 b) M/ Z) w1 p( p5 a; v/[^\x00-\xff]/
; s5 P; N/ [- T2 \3 B* S- T汉字
# i) |2 t/ i0 \4 Q! |& A/[\u4e00-\u9fa5]/
# z2 h( Q* o4 q! `1 _4 L( E
让英文字符串超出表格宽度自动换行
( C) I$ n4 @7 C. U/ z8 q7 R" W) G% y/ W$ sword-wrap: break-word; word-break: break-all;
+ q% u ~$ F0 n( i
透明背景
4 o, E/ A+ J7 V# C$ x |<IFRAME src="e3i5.htm" width=300 height=180 allowtransparency></iframe>
7 j1 J) E9 c! `* H获得style内容
/ b; l9 X5 t; N" V# _2 Q7 m
obj.style.cssText
- N9 o3 s# |/ V! lHTML标签
/ `) r7 A' h' T9 A/ n, ?
document.documentElement.innerHTML
9 d* b8 m& i5 i9 G! N第一个style标签
& L, G; a) t: b2 {: F
document.styleSheets[0]
* L% R: D! r8 d f1 |$ j
style标签里的第一个样式
7 a- \. E7 l! K0 [; H; Hdocument.styleSheets[0].rules[0]
9 v }" H- l( r3 g0 y n+ |# U
防止点击空链接时,页面往往重置到页首端。
8 n- _# L# } q1 X% L( Y" f+ y<a href="javascript:function()">word</a>
8 G& J& E S, V4 K) j: T上一网页源
- o4 I* ?% L3 ` J. `9 B7 e" _
asp:
0 m" X8 U( _+ Srequest.servervariables("HTTP_REFERER")
1 N- |' X$ V4 C# G; x1 ^5 j- N
javascript:
. o' ^4 @8 B+ W* Xdocument.referrer
% o* Q. U- Z- G; g
释放内存
$ Y5 B$ O- d/ x5 u
CollectGarbage();
* u( w# [3 U3 H禁止右键
8 L6 ?6 z: ]; b* _* q3 U
document.oncontextmenu = function() { return false;}
5 L' x r$ w' N8 a7 W$ r3 A
禁止保存
2 x$ n# N8 p* E$ ~% l<noscript><iframe src="*.htm"></iframe></noscript>
3 C, k1 f, B$ a" E- [0 W9 v
禁止选取<bodyonmouseup="document.selection.empty()>
5 o6 w+ h% Y: H
禁止粘贴
( ^( s1 \. M1 `9 x4 `; m" V4 c
<input type=text>
, C2 U" W' I9 b, l( U地址栏图标
( X& H7 [) y" i. V0 ~: N" x) J
<link rel="Shortcut Icon" href="favicon.ico">
, b% @) O$ z5 R5 |8 Y, Nfavicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
) a3 Z* J' v( J. _, m收藏栏图标
8 U8 Z$ R: ?1 ?* W+ [<link rel="Bookmark" href="favicon.ico">
% f% E. I0 N0 L. L* l, A* e8 ~
查看源码
/ Z: @ c0 f2 Y2 [# @4 _
<input type=button value=查看网页源代码>
, y* ]. s0 S# b/ b% q关闭输入法
& F8 c: P5 d- g4 p4 p- e' W& m5 V+ Q<input style="ime-mode:disabled">
; f$ _! e* E0 b- U3 m2 q自动全选
/ k6 a: F" v# a+ G+ V" x, r% A9 ^7 [
<input type=text name=text1 value="123">
9 H! S8 j/ d# f, x
ENTER键可以让光标移到下一个输入框
$ a& r* B% T; E3 v! y
<input>
( u6 S3 H: w9 f% b( I( p+ B3 E. a8 g
文本框的默认值
6 C- |* `2 v7 b# a# G% o9 i
<input type=text value="123">
7 L @/ t7 }& V/ w4 n9 ?
title换行
6 x! C$ |. x. e8 Q4 s2 x+ l' N
obj.title =
www.vvschool.cn
D9 j0 `" w. F& }* [! i获得时间所代表的微秒
" `" A8 X9 q _# f% ^var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
9 D& S$ s' I ^
窗口是否关闭
3 L: g9 o! C+ N! qwin.closed
+ V# [/ |) z0 G) y, m' i
checkbox扁平
( U/ S; s+ X, k5 }<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
1 l+ o, i- g& Y1 U0 i
获取选中内容
* c6 q" g8 g8 i& A: X. {; D
document.selection.createRange().duplicate().text
# H3 a: R- {$ n* R. D, n
自动完成功能
8 U" S) S7 U% x0 P e' i; U1 z1 `" u<input type=text autocomplete=on>打开该功能
$ C$ B) H% {- Z$ e- n<input type=text autocomplete=off>关闭该功能
, j, U/ d6 ~0 Q8 }( a% n
窗口最大化
! m2 D! m( \9 t, H<body>
" j! k' G9 J9 o6 w+ {
无关闭按钮IE
# J5 b0 n3 R5 o$ o" N; V+ gwindow.open("aa.htm", "meizz", "fullscreen=7");
: {; R* G- X3 p' D9 B
统一编码/解码
4 V+ N0 @6 ~3 S. w$ ?! Q
alert(decodeURIComponent(encodeURIComponent("http://www.vvschool.cn?as= hehe")))
; U, z& a4 |' w+ }9 ?" L
encodeURIComponent对":"、"/"、";" 和 "?"也编码
7 p( _ z( z" I9 [- p表格行指示
) M5 a7 |# s" r2 x# R
<tr>
* k( S/ @: B3 e/ M
//各种尺寸
) c7 E4 T! R6 }; [: ~3 S
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
8 Z8 |3 e: _4 Q/ e$ R- F5 n! p; r
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
0 F3 p! H; G0 B9 o& R* w
s += "\r\n网页可见区域高:"+ document.body.offsetWeight +" (包括边线的宽)";
8 a& M4 n) i( s+ l7 @5 K h
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
, Z! n# g& x0 R' ?
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
% a; ^ l% ]4 U( V* f8 Q$ ~s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
/ z9 ~" S& X+ k% _% Qs += "\r\n网页被卷去的高:"+ document.body.scrollTop;
4 j$ D; m V+ J; X/ E
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
' `1 u5 E/ a1 o& W- a D: A
s += "\r\n网页正文部分上:"+ window.screenTop;
( |' V X$ D# C/ ` V; ms += "\r\n网页正文部分左:"+ window.screenLeft;
) a9 K+ ?) m9 M3 m2 `s += "\r\n屏幕分辨率的高:"+ window.screen.height;
, a4 B: ~' f+ i( F8 s7 d- ^
+ i. c7 D% R' H6 V- o }# ks += "\r\n屏幕分辨率的宽:"+ window.screen.width;
% y% o- @/ @7 N6 f" U3 W
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
" A: g( ]/ r8 ^s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
# W2 p/ i5 s" M" L* [! i/ d P* i
//过滤数字
* T9 ?1 _3 s6 t8 \/ m% ?9 c3 l2 s2 F, P$ [
; W8 V% m. \; e6 h5 z2 F a# G
<input type=text>
6 \5 P- ^: A4 v$ C
% ?6 F9 S9 v- ]( a, G3 z. p8 n4 R//特殊用途
: N3 d9 f# H3 n
& c+ V$ i7 b3 }) G
<input type=button value=导入收藏夹>
2 U3 b$ {5 H" y; J4 d; B0 Y
<input type=button value=导出收藏夹>
" I. |" k5 i! J8 T; f" b
<input type=button value=整理收藏夹>
' }- D1 V% z) i<input type=button value=语言设置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
3 p/ S" H4 [% O3 Z) x: m% x/ I9 ^
<input type=button value=加入收藏夹>
6 S' d# w1 {' s4 S/ S<input type=button value=加入到频道>
/ s* |9 S2 k& Z; L0 `<input type=button value=加入到频道>
5 z" y3 y2 J& [" Z: F, Q8 h
) }$ O6 i) s0 K m//不缓存
$ Q+ Q4 D1 f b6 V: J& q0 D( T5 c( `; T8 C5 Z
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
; O, X" E' n/ `2 t" j<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
6 S! c8 v& W4 T# s( e$ D! L ^% W" i
<META HTTP-EQUIV="expires" CONTENT="0">
v" e5 |- y8 S4 y
. G& \' C0 ^/ }2 ^& O _" y+ `9 T
//正则匹配
2 s6 ^& G3 U- T, o" J9 o* ~$ s
) H/ @7 b6 U3 D1 a- A
匹配中文字符的正则表达式: [\u4e00-\u9fa5]
) a7 b2 E! s5 U6 V6 ?
匹配双字节字符(包括汉字在内):[^\x00-\xff]
* g4 ?4 |3 G3 f# N7 E匹配空行的正则表达式:\n[\s| ]*\r
7 r, k: g* e/ ?5 Q
匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/
4 b0 {* y4 R/ z4 X匹配首尾空格的正则表达式:(^\s*)|(\s*$)(像vbscript那样的trim函数)
# ^& d3 F# \, F! t+ X
匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
% [# {8 u5 Z6 J7 ~$ w匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
. a- s( r0 H5 v3 H
以下是例子:
& j) X7 t6 W% c4 ^9 ]$ b" q- b利用正则表达式限制网页表单里的文本框输入内容:
+ B) ]; y" r ]' [. i9 T @/ i+ ]用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
) Q m" @' K* d1.用正则表达式限制只能输入全角字符:
! C5 w: z. A: X: Y) l( d8 ^
2.用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
6 H/ D6 |* R! K6 r
3.用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
$ g2 m8 c* c/ n2 ]: @" w" A' R. ?
//消除图像工具栏
4 [" b( E |# H& ?$ X' Q
' a/ R" w7 g0 ~9 j9 M. J/ Z2 P<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">
. m2 y4 C* ~7 E& C0 M. e lor
+ Z( M$ M( u/ w" }1 z( M- {<head>
7 c# Q/ W9 J9 R/ b, J+ V* M
<meta http-equiv="imagetoolbar" content="no">
' C, a8 G5 w+ d9 r; w+ w</head>
* O- ~* z& U! a& D+ q
/ W4 }7 g) H# K C- `$ C+ B//无提示关闭
6 N, x. ^# v8 V5 e( D# `' w
6 ?/ i3 B& R, ^1 I+ O3 Gfunction Close()
* s0 Y+ _1 W: e& I1 b$ V8 j* R
{
) H) j8 B/ m, I3 [6 Q; |/ o% v9 C
var ua=navigator.userAgent
( i: k8 c [3 R3 K3 b0 g2 f9 }4 X& J var ie=navigator.appName=="Microsoft Internet Explorer"?true:false
2 k3 v- A# P) M- s' l: t% p/ B if(ie)
" N8 X2 n# L# r) G q
{
0 h6 U& p+ J% n! }' {3 @
var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))
( {# P) [8 ~/ E, Q% i5 c
if(IEversion< 5.5)
f. Y! P6 U H& h ^$ P {
7 F* C; m& j l) a1 G5 h6 v; x
var str = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
/ }$ a( d$ Z0 r% ^$ Q
str += '<param name="Command" value="Close"></object>';
5 c; C J, D X0 D document.body.insertAdjacentHTML("beforeEnd", str);
( k W4 c! d* ^# q u/ r9 d document.all.noTipClose.Click();
D3 I* r B, J. Y# N# Q6 @/ Q5 V }
5 a* E: p0 k) @4 {+ @6 ^8 }
else
$ d* f' Y4 U( s3 Z" f* z8 A' h
{
- d9 q9 \$ o' @
window.opener =null;
& a& e/ |5 J3 B9 T P window.close();
" ^7 a q x `, I2 D. R }
( ]- d0 O- }2 W: M2 m }
3 _) n) }8 A- a$ _! l D else
" K( L @" W2 |, N- E {
3 a8 \. l7 v; }) O6 B$ P window.close()
& ^' |5 X7 e: a" g- N* S
}
8 ]; K7 ?) J4 F}
' g8 O4 h: c) Z4 \1 _3 ^5 h
//取得控件得绝对位置(1)
6 o- W- h: D+ ?) t' ]
3 n: o* }& C/ A) X7 E+ s# W3 k- E' Q" `" v
<script language="javascript">
+ r/ c4 G* B( K, K/ \% V/ `0 Bfunction getoffset(e)
( X3 W- I$ R( N. m, Z0 k{
: o, G6 q& J0 J var t=e.offsetTop;
k) l8 n. e1 Z7 C ]; T% u; q# D var l=e.offsetLeft;
9 W% f X5 d; c
while(e=e.offsetParent)
; h# h+ [& r+ e' q
{
; B- I( j' C0 \0 D$ ~! q t+=e.offsetTop;
+ E3 Q4 W# m! [8 R# U: ~ l+=e.offsetLeft;
E2 R* q* i, A" z }
: O" ]1 v+ z4 M* i. y* E |
var rec = new Array(1);
' N) e- A- k! Q rec[0] = t;
/ u4 @+ i4 A D6 i5 U rec[1] = l;
: c2 d+ J( f8 w: l
return rec
* d& \) m7 Z( D( Q}
% w) Q9 A: o" }
</script>
& b% d# ]9 W# r# v9 `- R: }, z" {
//获得控件的绝对位置(2)
- V8 w' o8 o( |. L. d8 H1 f7 Z' f) c' P& ]5 I {( N9 D
oRect = obj.getBoundingClientRect();
9 V" m# G; ~2 Z% |$ Y
oRect.left
# S7 f& i; j+ {2 w, ^, u: i2 S; {
oRect.
1 b# g8 Z6 D3 a* l//最小化,最大化,关闭
8 p5 k2 {; |9 \4 c* W' _) X4 B6 W1 y9 M: E) b) p: j
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
2 T1 w5 p8 |/ b0 y
<param name="Command" value="Minimize"></object>
# g. |/ M& S# b3 Y/ W<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
. |- q4 ]6 D5 C( v: F8 ]
<param name="Command" value="Maximize"></object>
1 j. ]/ z2 O9 H( o( T<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
0 H4 T4 @8 c# {7 ]
<PARAM NAME="Command" value="Close"></OBJECT>
A4 v% a( B% y0 f( f3 ~
<input type=button value=最小化 onclick=min.Click()>
# {- w1 w5 C" A3 O% v; j<input type=button value=最大化 onclick=max.Click()>
1 E) k* `: T* K1 q' r3 o. E<input type=button value=关闭 onclick=close.Click()>
: @6 d9 \' G. P. K1 t0 r6 Z- Y( A# R/ n; V+ R4 B
//光标停在文字最后
# U! r" _. E4 d* m. `1 Q h* I% E& `3 J- h! t" R7 H
<script language="javascript">
6 K2 e7 D9 x3 M0 l1 lfunction cc()
+ o) p. V) D7 A9 d3 [9 y4 x, n{
" @! e$ M2 L Y/ C% x& ] var e = event.srcElement;
) y. w0 _$ l# j; I6 Y
var r =e.createTextRange();
% K9 }" {. G# `9 K4 \ f
r.moveStart('character',e.value.length);
% j( _9 u$ t+ b. V; E" D/ f' M" j; [0 y
r.collapse(true);
- [7 b" o/ ?7 b: H) h8 I/ U6 T r.select();
/ Q- s* J5 e4 k9 ^: T# ]}
9 w B0 ?& N* N
</script>
5 M$ l, d1 u- n% p
<input type=text name=text1 value=www.vvschool.cn>
& x. Z& z* I% N5 u$ s* m7 U) |& J//页面进入和退出的特效
8 J3 b, p7 y& C+ \# z: t( d+ p5 v; G( p+ ~7 g: F8 l! G
- k2 D5 S! d/ Q R. h: |- \进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
1 y1 i& M2 M4 R, V推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
; S- y* Q7 ^$ ~9 p3 C: c
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使
/ u! C% W2 P" W" \$ S% B- _
用哪种特效,取值为1-23:
- e! g7 v# a( [% ?9 I" A( U 0 矩形缩小
) e9 {; v/ p% v V! V, S 1 矩形扩大
% `! S/ j% U3 m+ \; i" \ 2 圆形缩小
+ m( Q }# f7 s, a7 j3 U 3 圆形扩大
, ]4 M( m% n$ c
4 下到上刷新
2 {5 k; `0 u+ Y ~7 a 5 上到下刷新
* B2 G: Y9 \$ ]
6 左到右刷新
. S& {0 d [1 ]4 J( r' m 7 右到左刷新
( I% q& [' y% ~. U) G, L# ~ 8 竖百叶窗
4 |" G! J1 T6 _" O7 L+ c
9 横百叶窗
+ I5 d# }* p h* ~9 D
10 错位横百叶窗
, r* d7 @" }: n* \, k5 a: Y
11 错位竖百叶窗
0 A4 T0 K5 d& _! c
12 点扩散
9 V$ S* _" P1 W: W9 R5 e 13 左右到中间刷新
) i I2 e! p( v4 L+ G. W4 B# z 14 中间到左右刷新
' |& Q+ F/ v( [+ c, y9 d5 S% A) [( F S
js代码大全,总共有100个,广告、新闻、动画、菜单、相册、幻灯片,可谓面面俱到
1 r1 P; \1 M$ ?: `" k3 _# Z. P
直接上下载地址:
0 ]8 }( `4 |8 _2 P9 u" l+ n" [+ C. E+ O: u% U, ?