效果演示地址 http://www.enet.com.cn/eschool/includes/gdtup/tu3/btitle.html代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<script language="JavaScript">
var elady_step=1; //移动步伐:1:小, 3:中, 5:大
var elady_speed=80; //变换速度:20:快, 50:中, 80:慢
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;
var elady_stop_sh=0;
var elady_star_sh=1;
function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)
+elady_step;}
else if (elady_star_sh==2){
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)
+elady_step;}
else if (elady_star_sh==3){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-
elady_step;}
else{
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-
elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}
e_tplink[0]="web1.html"; //第一个页面的连接地址
e_tp[0]="1.jpg"; //第一个连接的显示图片
e_tplink[1]="web2.html"; //第二个页面的连接地址
e_tp[1]="2.jpg"; //第二个连接的显示图片
e_tplink[2]="web3.html"; //第三个页面的连接地址
e_tp[2]="3.jpg"; //第三个连接的显示图片
e_tplink[3]="web4.html"; //第四个页面的连接地址
e_tp[3]="4.jpg"; //第四个连接的显示图片
//注意:上面[]内的数字“3”要和下面 for (i=0;i<=3;i++) 中的3对应。
var currentimage=new Array();
for (i=0;i<=3;i++){currentimage=new Image();
currentimage.src=e_tp;
}
function elady1_set(){ if (document.all)
{ e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
e_tprotator.filters.revealTrans.apply(); }
}
function elady1_playCo()
{ if (document.all) e_tprotator.filters.revealTrans.play()
}function elady1_nextAd(){ if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
else adNum_elady1=0;
elady1_set();
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()", 4000);}
function elady1_linkurl(){ jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if (jumpUrl != ''){ if (jumpTarget != '')window.open
(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}}
function elady1_listMsg()
{ status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<a href="javascript:elady1_linkurl()"
target="_self">');
//这里的width=750 height=90 是控制图片大小的,你可以根据自己的实际需要改
document.write('<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:elady1_nextAd()"
border=0 width=750 height=90 name=e_tprotator
></a>');
document.write("</div>");
</script></body>
</html>
下dreamweaver下运行没有显示图片空白一片请高手指点。谢。急。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<script language="JavaScript">
var elady_step=1; //移动步伐:1:小, 3:中, 5:大
var elady_speed=80; //变换速度:20:快, 50:中, 80:慢
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;
var elady_stop_sh=0;
var elady_star_sh=1;
function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (elady_star_sh==1){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)
+elady_step;}
else if (elady_star_sh==2){
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)
+elady_step;}
else if (elady_star_sh==3){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-
elady_step;}
else{
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-
elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}
e_tplink[0]="web1.html"; //第一个页面的连接地址
e_tp[0]="1.jpg"; //第一个连接的显示图片
e_tplink[1]="web2.html"; //第二个页面的连接地址
e_tp[1]="2.jpg"; //第二个连接的显示图片
e_tplink[2]="web3.html"; //第三个页面的连接地址
e_tp[2]="3.jpg"; //第三个连接的显示图片
e_tplink[3]="web4.html"; //第四个页面的连接地址
e_tp[3]="4.jpg"; //第四个连接的显示图片
//注意:上面[]内的数字“3”要和下面 for (i=0;i<=3;i++) 中的3对应。
var currentimage=new Array();
for (i=0;i<=3;i++){currentimage=new Image();
currentimage.src=e_tp;
}
function elady1_set(){ if (document.all)
{ e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
e_tprotator.filters.revealTrans.apply(); }
}
function elady1_playCo()
{ if (document.all) e_tprotator.filters.revealTrans.play()
}function elady1_nextAd(){ if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
else adNum_elady1=0;
elady1_set();
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()", 4000);}
function elady1_linkurl(){ jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if (jumpUrl != ''){ if (jumpTarget != '')window.open
(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}}
function elady1_listMsg()
{ status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<a href="javascript:elady1_linkurl()"
target="_self">');
//这里的width=750 height=90 是控制图片大小的,你可以根据自己的实际需要改
document.write('<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:elady1_nextAd()"
border=0 width=750 height=90 name=e_tprotator
></a>');
document.write("</div>");
</script></body>
</html>
下dreamweaver下运行没有显示图片空白一片请高手指点。谢。急。
document.write('....')写为一行