六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

JavaScript实现的网上图片轮播效果

Admin | 2008-2-27 22:36:25 | ReadNums | 10683 | 标签 网页制作 | 打印本页
     

 分两部分:

        第一部分,即JavaScript部分,是一个文件,假设文件名为PicScroo1.js

        其内容是:

var adImg = new Array();
var adLink = new Array();
var cID = 0;
adImg[0] = "ImgFiles/ShowPC/1.jpg";
adLink[0] = "ImgFiles/ShowPC/1.jpg";
adImg[1] = "ImgFiles/ShowPC/2.jpg";
adLink[1] = "222";
adImg[2] = "ImgFiles/ShowPC/3.jpg";
adLink[2] = "333";
adImg[3] = "ImgFiles/ShowPC/4.jpg";
adLink[3] = "444";
adImg[4] = "ImgFiles/ShowPC/5.jpg";
adLink[4] = "555";
adImg[5] = "ImgFiles/ShowPC/6.jpg";
adLink[5] = "666";
var preImgs = new Array();
for(i=0;i<2;i++)
{  
    preImgs[i] = new Image();
    preImgs[i].src = adImg[i];
}
function NextAd()
{
    if(cID == 6)cID=0; //这里的6是图片的个数,和上面保持一致!
 if(document.all)
 {
 imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23);
 imgAD.filters.revealTrans.apply();
 imgAD.src = adImg[cID];
 imgAD.filters.revealTrans.play();
    cID++;
 setTimeout("NextAd()", 5000);
 }

function ShowLink()
{
   document.returnValue = true;
}
function Go2Url()
{
    window.open(adLink[cID-1]);
}

        第二部分是引入部分,首先在页面的Head区域使用如下代码引入:

<script language="javascript" src="DataFiles/Java/PicScroo1.js" type="text/javascript"></script>

        之后在页面的Body中使用如下的代码:

<a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();">
<img name="imgAD"
style="border:0px solid #cccccc; FILTER: revealTrans(duration=2,transition=20);" src="javascript:NextAd()" border="0" width="200" height="200" hspace="0"></a>


问题未解决:在线咨询

香港正版四不像特马今晚图片

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日