发新话题
打印

[原创帖图] HTML+TIME入门

本主题由 依然 于 2007-9-10 20:25 分类

HTML+TIME入门

[size=+2]HTML+TIME入门www.69699.org" G* \' R. H4 c7 w1 X  D& x/ ~
  [size=+1]HTML+TIME(Timed Interactive Multimedia Extensions),根据SMIL(Synchronized Multimedia Integration Language) 2.0 .所制定,可以用來控制元件及媒体利用class属性套用於一般元件。一般要在IE5.5以上的浏览器,才能正常看,语言容易理解,容易自如运用,可以按照自己的想象用简单的代码实现复杂的效果。不足之处是,网页打开需要须把图片音乐全部下载之后,帖子才能按照时间控制运行,因此,如果网络很慢,或电脑配置不高,第一次打开帖子可能比较慢。这里不做复杂的介绍,初学者只要对主要的元件,代码属性,标签有一个基本了解就可以制作出来漂亮的HTML+TIME音画帖子。
3 Q  |; Q$ Z: P# N$ `代码头文件必须包含以下代码" }' i" s# L. c5 O0 F% k

: T" y* h3 ]( |. v6 Z
, s' S8 N6 {: hwww.69699.org
. M1 Q% R$ g9 u: y新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
2 b0 L% Y5 A# c# a表头代码,这部分不能少
复制内容到剪贴板
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>某某音画</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
        BEHAVIOR: url(#default#time2)
}
t\:* {
        BEHAVIOR: url(#default#time2)
}
v\:* {
        BEHAVIOR: url(#default#VML)
}

</STYLE>
</HEAD>
<BODY bgColor=#000000 background=x01.jpg scroll=no>
<BGSOUND balance=0 src="xt001.wma" volume=0>

6 r9 N8 x1 H: \! {新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
; B, x1 `* U2 D2 _# e7 e新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛[ 本帖最后由 起点站 于 2007-8-23 08:33 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

基本构架控制图片绝对值

 HTML TIME的程序,控制图片绝对值


, G& b0 G/ D2 a2 r----让心情一起飞扬[table=102][/table][table=98%][tr][td=1,1,696]在表头与HTML TIME的程序之间的代码
, D9 Z3 z- D/ G  [# X! B3 Z; E1 Q! ^69中文之家 / 69 Chinese Nets[/td][/tr]

复制内容到剪贴板
代码:
<TBODY>
        <TR>
          <TD>
            <DIV id=world
            style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 1024px; POSITION: absolute; TOP: 60px; HEIGHT: 440px">

: W+ D- z- d" F  Z' R6 D& i新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛69中文之家 / 69 Chinese Nets- X  F7 W# c: I
[ 本帖最后由 起点站 于 2007-8-22 22:13 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

HTML TIME的程序

记述内容和HTML TIME的程序


7 ?% E4 F7 ]" p- W7 |----让心情一起飞扬
8 D0 a4 P# F% |5 ~& b69中文之家 / 69 Chinese Nets程序特效代码,

复制内容到剪贴板
代码:
<img id="image1" src="x01.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="1" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image1" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image1.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="out" begin="image1.begin+15" dur="5" autoreverse="false" repeatcount="1" />

1 E& q& J* x- R3 i6 g9 `; p
3 {% O+ {+ S$ s8 G* z69中文之家 / 69 Chinese Nets[ 本帖最后由 起点站 于 2007-8-23 08:30 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

HTML+TIME入门

HTML TIME的程序每组代码运用

新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛# A' c, N" I7 r% G1 a  @( j

/ s3 g( d: B3 a, m* S( C9 J% w新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛编辑特效代码,

复制内容到剪贴板
代码:
<img id="image1" src="x02.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="5" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image1" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image1.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="out" begin="image1.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
<img id="image2" src="x03.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="20" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image2" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image2.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="in" begin="image2.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="out" begin="image2.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
www.69699.org4 b. p2 F3 E/ t& b- z# A0 h

1 V  W/ }  q6 `# S6 {+ _, K[ 本帖最后由 起点站 于 2007-8-23 08:31 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

图片选用及效果

图片选用及效果


7 G! I( g8 i9 U7 M) U, L' H5 q; I新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
1 L. r, g) t: ]2 I- U" o新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛收尾代码:----让心情一起飞扬' O1 K# Z! d( X9 W, ]/ Y% w  x

- y4 t8 N1 E6 W  S新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛


0 v  h2 w8 r5 T  V8 q6 v----让心情一起飞扬
$ ~7 y% |5 M5 h9 v) l----让心情一起飞扬复制代码看效果,
复制内容到剪贴板
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v = "urn:schemas-microsoft-com:vml" xmlns:t =
"urn:schemas-microsoft-com:time"><HEAD><TITLE>某某音画</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=Content-Style-Type content=text/css>
<META content="MSHTML 6.00.2800.1561" name=GENERATOR>
<META http-equiv=imagetoolbar content=no>
<STYLE>.time {
        BEHAVIOR: url(#default#time2)
}
t\:* {
        BEHAVIOR: url(#default#time2)
}
v\:* {
        BEHAVIOR: url(#default#VML)
}

</STYLE>
</HEAD>
<BODY id=body1 bgColor=#000000 background=http://www.yyly8.com/yy/12/xt/e004/039.files/x01.jpg scroll=no>
<BGSOUND balance=0 src="http://www.yyly8.com/yy/12/xt/e006/009.files/xt.mid" volume=0>
        <TBODY>
        <TR>
          <TD>
            <DIV id=world
            style="Z-INDEX: 2; LEFT: 0px; OVERFLOW: hidden; WIDTH: 1024px; POSITION: absolute; TOP: 60px; HEIGHT: 440px">

<img id="image1" src="http://www.yyly8.com/yy/12/xt/e004/039.files/x02.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="5" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image1" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image1.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="out" begin="image1.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
<img id="image2" src="http://www.yyly8.com/yy/12/xt/e004/039.files/x03.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="20" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image2" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image2.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="in" begin="image2.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image2" type="fade" subtype="crossFade" mode="out" begin="image2.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>
<img id="image3" src="http://www.yyly8.com/yy/12/xt/e004/039.files/x02.jpg" style="position:absolute; left:0px; top:0;" class="time" begin="35" dur="20">
<t:transitionFilter id="GradientWipe1" targetElement="image3" type="progid:DXImageTransform.Microsoft.GradientWipe(gradientsize=1.5)" mode="in" begin="image3.begin" dur="5" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="in" begin="image3.begin" dur="3" autoreverse="false" repeatcount="1" />
<t:transitionFilter id="fade1" targetElement="image3" type="fade" subtype="crossFade" mode="out" begin="image3.begin+15" dur="5" autoreverse="false" repeatcount="1" />
</t:transitionFilter>


<CENTER></CENTER>
</td></tr></tbody></TABLE></CENTER>
</BODY>
</HTML>

6 Z* [! ~5 j- e6 y- [! F6 S新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
% i( t7 ]- Q4 M& l' D% @: C% Bwww.69699.org[ 本帖最后由 起点站 于 2007-8-23 08:33 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

HTML+TIME特效

演示代码
( J3 t0 A$ p: z2 p, a+ Q( G5 c; u新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛渐入渐出效果" F. n- Z; K3 C

( B9 B  Q, B- x- s7 hwww.69699.org<!--渐入效果复制-->
, \$ a+ d* d. }<img id="image1" src="001.files/xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">
. \2 A$ X! b& ]% `0 C7 I. @3 ?新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛+ u  M$ r* Y# d1 q% Q
<t:transitionFilter id="fade1" targetElement="image1" type="fade" subtype="crossFade" mode="in" begin="image1.begin" dur="3" autoreverse="false" repeatcount="1" />2 D7 A; ?! T6 u: D/ |' M6 F4 \0 g; z- {
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛# n5 F* R- R" R. N4 z
<!--渐出效果复制-->新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛6 M: {# j( ^* A! `5 `4 F8 W
<img id="image2" src="001.files/xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="fade2.end">69中文之家 / 69 Chinese Nets9 x, {  [- H: h, X1 D& V
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛' p- `$ Y" j: }0 q3 w" e" e5 I
<t:transitionFilter id="fade2" targetElement="image2" type="fade" subtype="crossFade" mode="out" begin="fade1.end" dur="3" autoreverse="false" repeatcount="1" />

TOP

上下分合效果----让心情一起飞扬1 \+ D6 l9 V2 U# ?; T5 w5 n5 E# u

9 V# e& d7 c# }3 m' O/ J, ?69中文之家 / 69 Chinese Nets<!--上下渐入效果复制-->----让心情一起飞扬  Y' ]  n+ O6 O
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">www.69699.org8 b. ?+ P1 o7 U! ~  m  v
( ]  X8 j! O' o, F" f' e0 k
<t:transitionFilter id="barnDoorWipe1" targetElement="image1" type="barnDoorWipe" subtype="horizontal" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />----让心情一起飞扬$ V/ A% T$ `$ R$ f) L2 M, d

9 B/ M" h6 Q& B) o6 o69中文之家 / 69 Chinese Nets<!--上下渐出效果复制-->
) k; f6 i  |/ _: s0 F----让心情一起飞扬<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="barnDoorWipe2.end">
- O% \; H+ y2 Z) U1 G- d! J----让心情一起飞扬4 T8 F7 C0 C0 W
<t:transitionFilter id="barnDoorWipe2" targetElement="image2" type="barnDoorWipe" subtype="horizontal" mode="out" begin="barnDoorWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

从左渐入渐出效果www.69699.org* O7 [- {8 h; j5 a: u  T

& j2 ]; e' F# Iwww.69699.org<!--渐入效果复制-->新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛% l; p3 C" z$ s0 U2 X
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">
% \: D: u9 K5 e+ wwww.69699.org
- x* A2 q" r1 I, U3 ?" I: _www.69699.org<t:transitionFilter id="barWipe1" targetElement="image1" type="barWipe" subtype="leftToRight" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />
7 f7 m7 r7 i0 ]* d6 a- |新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
5 c5 J1 E7 L* I2 q( x新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<!--从左渐出效果复制-->新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛* a: ?# m1 L, l& f+ W# M; H
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="barWipe2.end">
3 ]: u# n" h2 O# m# S: c
6 R  }5 Z2 F( ^; \9 Q<t:transitionFilter id="barWipe2" targetElement="image2" type="barWipe" subtype="leftToRight" mode="out" begin="barWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

从右进出效果

<!--渐入效果复制-->  K" p' G6 |2 R* a# }6 z% `
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">
& B4 a% T3 }" S; M. [: y----让心情一起飞扬
+ n" D- w3 n/ ~$ p69中文之家 / 69 Chinese Nets<t:transitionFilter id="pushWipe1" targetElement="image1" type="pushWipe" subtype="fromLeft" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛! M1 d) L8 Z6 K  R" [3 x
5 Z5 x& b: _( ^2 [/ J! Y" Z
<!--渐出效果复制-->69中文之家 / 69 Chinese Nets5 @8 i2 h2 b6 Y
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="pushWipe2.end">新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛7 A- G9 Q% V% C) Z+ w* I+ W5 |

3 C  d# z$ @: I. K" v<t:transitionFilter id="pushWipe2" targetElement="image2" type="pushWipe" subtype="fromLeft" mode="out" begin="pushWipe1.end" dur="2" autoreverse="false" repeatcount="1" />www.69699.org' Q- M/ X9 Y# G0 X& H% K; U' n
www.69699.org6 l/ P3 u+ f, O, d
[ 本帖最后由 起点站 于 2007-8-23 09:01 编辑 ]

TOP

从右进出效果

<!--渐入效果复制-->69中文之家 / 69 Chinese Nets* r; |8 n  `! J8 P
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">----让心情一起飞扬! h6 `  [) A3 y+ |0 i# v$ _9 M

) a3 J* d/ a6 {3 q----让心情一起飞扬<t:transitionFilter id="slideWipe1" targetElement="image1" type="slideWipe" subtype="fromLeft" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛$ r0 b, L1 _/ W2 N6 `/ w0 x6 O4 n$ t
新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛( ~: a& ?5 `9 F
<!--渐出效果复制-->----让心情一起飞扬3 @8 ~! D* H# U. P
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="slideWipe2.end">
, a% s% R* q( A4 S% {' ^69中文之家 / 69 Chinese Nets新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛# k6 Y4 i& `- {0 \" E9 o& z4 C
<t:transitionFilter id="slideWipe2" targetElement="image2" type="slideWipe" subtype="fromLeft" mode="out" begin="slideWipe1.end" dur="2" autoreverse="false" repeatcount="1" />% x8 l$ `) p. m2 O

$ B# I' K. w7 X$ J----让心情一起飞扬[ 本帖最后由 起点站 于 2007-8-23 09:02 编辑 ]

TOP

顺时针效果

渐入渐出效果
) A$ R; Q4 G6 K4 E& f9 q69中文之家 / 69 Chinese Nets69中文之家 / 69 Chinese Nets5 U2 \9 Z4 }' N% Y
<!--渐入效果复制-->新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛2 y! L( S9 `# e$ x
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">www.69699.org' `+ ]# _+ t2 W5 z9 E

- Y5 K7 w! I. |9 q5 k新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<t:transitionFilter id="clockWipe1" targetElement="image1" type="clockWipe" subtype="clockwiseTwelve" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />
: ~" D1 g4 ]9 d( T: L% w0 T* D+ e----让心情一起飞扬
" I% T, {0 i% l0 l' g新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<!--渐出效果复制-->: V' o7 I; S) x8 d& a9 T/ B
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="clockWipe2.end">
8 }, G; q" D* l# n$ ]# N新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<t:transitionFilter id="clockWipe2" targetElement="image2" type="clockWipe" subtype="clockwiseTwelve" mode="out" begin="clockWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

扇面打开效果

<!--渐入效果复制-->----让心情一起飞扬' v+ C" ^' U8 m4 F
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛% A, F, u% d* W5 L1 c

( v& t1 g3 `2 K0 M5 P; f2 Mwww.69699.org<t:transitionFilter id="fanWipe1" targetElement="image1" type="fanWipe" subtype="centerTop" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />
0 ?! ], f  n2 Q' L' E7 ^. z( O----让心情一起飞扬- O% P! r' ~$ w7 Z. v, H
<!--渐出效果复制-->* a( _" c6 h" i6 l# Q- S( {, m6 v# B
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="fanWipe2.end">
' P* C1 n4 @4 n2 c新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
0 C/ L# U+ @. d- B69中文之家 / 69 Chinese Nets<t:transitionFilter id="fanWipe2" targetElement="image2" type="fanWipe" subtype="centerTop" mode="out" begin="fanWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

圆圈从中心打开效果

<!--渐入效果复制-->新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛* ]1 t' }& L, g8 C
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛+ \8 f; Z: k* S5 _- X; u
www.69699.org# V! k: G: ?5 q2 n
<t:transitionFilter id="ellipseWipe1" targetElement="image1" type="ellipseWipe" subtype="circle" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />
# u3 A) `, g: ~) [www.69699.org----让心情一起飞扬2 t$ `4 Y5 X# M. X$ N7 D2 m
<!--渐出效果复制-->www.69699.org  e) n6 ?' m7 c. q* g$ e/ n
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="ellipseWipe2.end">
* M1 E( k( E  t69中文之家 / 69 Chinese Nets/ {3 m5 y* N. G7 b
<t:transitionFilter id="ellipseWipe2" targetElement="image2" type="ellipseWipe" subtype="circle" mode="out" begin="ellipseWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

方形从中心打开效果

<!--渐入效果复制-->----让心情一起飞扬) H/ C. g+ o. q
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">
0 Q' C4 A0 J: X' R/ K+ s0 F9 B
0 t# [2 D( y  o' E$ ~9 K/ c. ^69中文之家 / 69 Chinese Nets<t:transitionFilter id="irisWipe1" targetElement="image1" type="irisWipe" subtype="rectangle" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />
( T/ q; b5 I$ s" v5 }新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛69中文之家 / 69 Chinese Nets! l( @8 U" s! d+ B& a* {% {" t
<!--渐入效果复制-->
7 l; p# y6 W0 a* h. {8 n9 |, cwww.69699.org<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="irisWipe2.end">69中文之家 / 69 Chinese Nets: h5 M; M$ k- ^2 b, R9 Q1 i& d  K+ \

* i" j9 \, B: m. M7 B. s7 |新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<t:transitionFilter id="irisWipe2" targetElement="image2" type="irisWipe" subtype="rectangle" mode="out" begin="irisWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

五角星效果

<!--渐入效果复制-->69中文之家 / 69 Chinese Nets. e# Z$ j! w9 O; c6 g  y
<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">
0 C) T# t& F# j* h1 O$ G新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛# u3 d* v; }9 d0 g% K+ d% h
<t:transitionFilter id="starWipe1" targetElement="image1" type="starWipe" subtype="fivePoint" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />9 J( [/ D  F  D0 D
69中文之家 / 69 Chinese Nets: D) ^: \4 @6 C5 i7 D
<!--渐入效果复制-->
# R# ^, ^/ ^$ v) ^& B# \www.69699.org<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="starWipe2.end">
% G5 X% S4 G! ?7 A$ _4 \www.69699.org
# Y1 A% O- M1 V----让心情一起飞扬<t:transitionFilter id="starWipe2" targetElement="image2" type="starWipe" subtype="fivePoint" mode="out" begin="starWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

黑板擦从上往下效果

<!--渐入效果复制-->
( F. F& U0 {4 `7 J- g5 [4 a----让心情一起飞扬<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">69中文之家 / 69 Chinese Nets/ u4 I, Z* m7 s( I  P0 a" c8 r% i
6 i: R, j, i/ a( {9 N9 e( I
<t:transitionFilter id="snakeWipe1" targetElement="image1" type="snakeWipe" subtype="topLeftHorizontal" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />----让心情一起飞扬& @6 l* E) g! u) @; \6 ~. S" b9 {
69中文之家 / 69 Chinese Nets, \1 q5 |' p  ]/ e
<!--渐入效果复制-->----让心情一起飞扬% e+ E; ^8 Q  y8 Q4 h/ T, [/ P& E
<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="snakeWipe2.end">
  p% |2 {* m6 q, z" g: z) _8 w7 J/ J6 \. J----让心情一起飞扬
, ?& n  O) T# C% A; b: Y新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛<t:transitionFilter id="snakeWipe2" targetElement="image2" type="snakeWipe" subtype="topLeftHorizontal" mode="out" begin="snakeWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP

黑板擦从四周显示效果

<!--渐入效果复制-->
4 c1 `7 c0 |" E. X69中文之家 / 69 Chinese Nets<img id="image1" src="xt01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1">
: e( x; H, m( S  ^1 ?0 e* J新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛
. e0 t( C$ y% O: @2 d. A<t:transitionFilter id="spiralWipe1" targetElement="image1" type="spiralWipe" subtype="topLeftClockwise" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" />
5 @3 x5 [4 x* W$ Y
6 {+ I/ i# T2 f. C) h7 t; t----让心情一起飞扬<!--渐入效果复制-->
- t4 B% _* q0 Z, O2 g----让心情一起飞扬<img id="image2" src="xt02.jpg" style="position:absolute; left:200; top:0;" class="time" end="spiralWipe2.end">新闻,军事,休闲,美女,娱乐,影视,下载,文学,社区,BBS,论坛2 _" ]9 X9 \! ], w

8 L, R: u& \  g* x69中文之家 / 69 Chinese Nets<t:transitionFilter id="spiralWipe2" targetElement="image2" type="spiralWipe" subtype="topLeftClockwise" mode="out" begin="spiralWipe1.end" dur="2" autoreverse="false" repeatcount="1" />

TOP