网页幻灯片

最新推荐文章于 2022-05-23 21:30:40 发布

shenghui188

最新推荐文章于 2022-05-23 21:30:40 发布

阅读量699

点赞数 1

文章标签： image function url javascript transition filter

本文链接：https://blog.csdn.net/shenghui188/article/details/5423985

版权

<body>

var widths=400; //设置幻灯片宽度

var heights=600; //设置幻灯片高度

var counts=6; //设置幻灯片数量

//设置图片路径
img1=new Image ();img1.src='http_imgload.jpg';

img2=new Image ();img2.src='未命名.jpg';

img3=new Image ();img3.src='q.jpg';

img4=new Image ();img4.src='Image/4.jpg';

img5=new Image ();img5.src='Image/5.jpg';

img6=new Image ();img6.src='Image/6.jpg';

//设置图片的URL
url1=new Image ();url1.src='#';

url2=new Image ();url2.src='#';

url3=new Image ();url3.src='#';

url4=new Image ();url4.src='#';

url5=new Image ();url5.src='#';

url6=new Image ();url6.src='#';

var nn=1;

var key=0;

function change_img()

{if(key==0){key=1;}

else if(document.all)

{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}

eval('document.getElementById("pic").src=img'+nn+'.src');

eval('document.getElementById("url").href=url'+nn+'.src');

for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}

document.getElementById("xxjdjj"+nn).className='bxx';

nn++;if(nn>counts){nn=1;}

//设置图片切换间隔时间
tt=setTimeout('change_img()',3000);}

function changeimg(n){nn=n;window.clearInterval(tt);change_img();}

document.write('<style>');

document.write('.axx{padding:1px 10px;border-left:#cccccc 1px solid;}');

document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');

document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');

document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');

document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');

document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');

document.write('</style>');

document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');

document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');

document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');

for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}

document.write('</div></div>');

change_img();

</script>

</body>

</html>
====================================
<script language=Javascript>
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="images/01.jpg";
bannerAD[1]="images/02.jpg";
bannerAD[2]="images/03.jpg";
var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];}
function setTransition(){
if (document.all){
     bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
      bannerADrotator.filters.revealTrans.apply();
}
}
function playTransition(){
if (document.all) bannerADrotator.filters.revealTrans.play();
}
function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
    else adNum=0; setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout('nextAd()', 4000);
}
function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
   if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
   else location.href=jumpUrl;
}
}
function displayStatusMsg(){
status=bannerADlink[adNum];
    document.returnValue = true;
}
</script>
<IMG style="FILTER: revealTrans(duration=2,transition=20)" height=350 width=390 align=center border=0 src="images/01.jpg" name=bannerADrotator>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>

/*第三种:可以为网页幻灯片中的每一张图片都添加超链接*/
<SCRIPT language=JavaScript>
<!--
var webAD=new Array();
var webADlink=new Array();
var webADmsg=new Array();
var adNum=0;

webAD[0]="images/0.jpg";
webADlink[0]="aa.htm";

webAD[1]="images/1.jpg";
webADlink[1]="bb.htm";

webAD[2]="images/2.jpg";
webADlink[2]="cc.htm";

webAD[3]="images/3.jpg";
webADlink[3]="dd.htm";
/*如果还有的话可以按上面的方法依次写；
也可以直接在定义数组时写入：
var webAD=new Array("images/0.jpg","images/1.jpg","images/2.jpg"，"images/3.jpg");
var webADlink=new Array("aa.htm","bb.htm","cc.htm","dd.htm");
*/

var preloadedimages=new Array();
for (i=1;i<webAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=webAD[i]; }

function setTransition(){
   if (document.all){
      webADrush.filters.revealTrans.Transition=23;
      webADrush.filters.revealTrans.apply();
   }
}

function playTransition(){
if (document.all) webADrush.filters.revealTrans.play()
}

function jump2url(){
    jumpUrl=webADlink[adNum];
    jumpTarget='_blank';
    if (jumpUrl != ''){
       if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
       else location.href=jumpUrl;
    }
}

function nextAd(){
if(adNum<webAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.webADrush.src=webAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 6000);
}
-->
</SCRIPT>
<A href="javascript:jump2url()"><IMG class="picb" style="FILTER: revealTrans(duration=2,transition=23)" src="images/0.jpg" border=0 name=webADrush></A>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>