<

演示代码 上下分合效果 <!--上下渐入效果复制--> <img id="image1" src="01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1"> <t:transitionFilter id="barnDoorWipe1" targetElement="image1" type="barnDoorWipe" subtype="horizontal" mode="in" begin="image1.begin" dur="2" autoreverse="false" repeatcount="1" /> <!--上下渐出效果复制--> <img id="image2" src="02.jpg" style="position:absolute; left:200; top:0;" class="time" end="barnDoorWipe2.end"> <t:transitionFilter id="barnDoorWipe2" targetElement="image2" type="barnDoorWipe" subtype="horizontal" mode="out" begin="barnDoorWipe1.end" dur="2" autoreverse="false" repeatcount="1" />