主题:  在做网页中,两张图片的过渡效果怎么做呢??

gu025

职务:普通成员
等级:1
金币:0.0
发贴:6
注册:2005/4/2 12:55:15
#12005/12/13 11:33:38
在做网页中,两张图片的过渡效果怎么做呢??



h119

职务:普通成员
等级:1
金币:0.0
发贴:99
注册:2001/10/9 0:01:19
#22005/12/13 12:59:00
<table>
<tr>
<td>
<script language=javascript>
var pimg=new Array();
var purl=new Array();
var img_num=0;
var key=0;
pimg[1]="图片名.jpg";
purl[1]="链接地址";
pimg[2]="图片名.jpg";
purl[2]="链接地址";
pimg[3]="图片名.jpg.jpg";
purl[3]="链接地址";
p_num=3;

function scroll_img(){
    if(img_num<p_num)img_num++ ;
    else img_num=1;
    if (document.all){
        news_img.filters.revealTrans.Transition=2;
        news_img.filters.revealTrans.apply();
        news_img.filters.revealTrans.play();
    }
    document.images.news_img.src=pimg[img_num];
    setTimeout("scroll_img()", 5000);
}

function goUrl(){
    picurl=purl[img_num];
    pictarget='_blank';
    if (picurl != ''){
        if (pictarget != '')
            window.open(picurl,pictarget);
        else
            location.href=picurl;
    }
}
</script>
<a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20);" src="javascript:scroll_img()" width="243" height="163" border=0 name=news_img vspace="3"></a></td>
</tr>
</table>