这是一款图中图片动画效果,主要简化代码是:(红色显示的数据随图片的大小而填,把图片地址贴到代码中的"图片地址"上)
共有九种变化。控制变化的是以下这个句式中红色部分:
<t:TRANSITIONFILTER from = "0" to = "1" type = "ClockWipe" dur = "2">
通过替换下列词语,可以得到不同的效果。
"fade" "snakeWipe" "ClockWipe" "barnDoorWipe" "ellipseWipe" "irisWipe" "slideWipe" "barWipe" "pushWipe"
说明:
1.效果代码:
<t:TRANSITIONFILTER from="0" to="1" type="fade" dur="2">
type="fade":图片变化属性=值
值:
fade 图片渐显渐隐
barWipe 图片从左到右拉开
ClockWipe 图片像钟表一样旋转拉开
barnDoorWipe 图片从中间向两边拉开
slideWipe 图片右往左边拉开
irisWipe 图片正中矩形向外扩散
snakeWipe 图片蛇形展开
ellipseWipe 图片正中小圆向外扩散
spiralWipe 图片螺旋显示
pushWipe 图片右往左像推箱子一样
2.定位代码:
<DIV style="position:relative; top:150px; left:-220px; width:800px; height:390px;overflow: hidden">
width:800px; height:390px:定显示的宽和高,
top:150px; left:-70px;;定该显示离顶和左边的距离(和全屏原理一样)