演示代码 从左渐入渐出效果 <!--渐入效果复制--> <img id="image1" src="01.jpg" style="position:absolute; left:0; top:0;" class="time" begin="1"> <t:transitionFilter id="barWipe1" targetElement="image1" type="barWipe" subtype="leftToRight" 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="barWipe2.end"> <t:transitionFilter id="barWipe2" targetElement="image2" type="barWipe" subtype="leftToRight" mode="out" begin="barWipe1.end" dur="2" autoreverse="false" repeatcount="1" />