您现在的位置: 设计龙 >> 网页设计 >> javascript >> 正文

JS图片幻灯效果,企业站常用

Author:佚名 Link:本站原创 Hits: Update:2008-5-17 17:16:21
天极网摘 ViVi收藏夹 365Key 和讯网摘 POCO网摘
 
JS图片幻灯效果
 
<SCRIPT language=JavaScript>
<!--
function objSP_Article() {this.ImgUrl=""; this.LinkUrl=""; this.Title="";}
function SlidePic_Article(_id) {this.ID=_id; this.Width=0;this.Height=0; this.TimeOut=5000; this.Effect=23; this.TitleLen=0; this.PicNum=-1; this.Img=null; this.Url=null; this.Title=null; this.AllPic=new Array(); this.Add=SlidePic_Article_Add; this.Show=SlidePic_Article_Show; this.LoopShow=SlidePic_Article_LoopShow;}
function SlidePic_Article_Add(_SP) {this.AllPic[this.AllPic.length] = _SP;}
function SlidePic_Article_Show() {
  if(this.AllPic[0] == null) return false;
  document.write("<div align='center'><a id='Url_" + this.ID + "' href='' target='_blank'><img id='Img_" + this.ID + "' style='width:" + this.Width + "px; height:" + this.Height + "px; filter: revealTrans(duration=2,transition=23);' src='javascript:null' border='0'></a>");
  if(this.TitleLen != 0) {document.write("<br><span id='Title_" + this.ID + "'></span></div>");}
  else{document.write("</div>");}
  this.Img = document.getElementById("Img_" + this.ID);
  this.Url = document.getElementById("Url_" + this.ID);
  this.Title = document.getElementById("Title_" + this.ID);
  this.LoopShow();
}
function SlidePic_Article_LoopShow() {
  if(this.PicNum<this.AllPic.length-1) this.PicNum++ ;
  else this.PicNum=0;
  this.Img.filters.revealTrans.Transition=this.Effect;
  this.Img.filters.revealTrans.apply();
  this.Img.src=this.AllPic[this.PicNum].ImgUrl;
  this.Img.filters.revealTrans.play();
  this.Url.href=this.AllPic[this.PicNum].LinkUrl;
  if(this.Title) this.Title.innerHTML="<a href="+this.AllPic[this.PicNum].LinkUrl+" target='_blank'>"+this.AllPic[this.PicNum].Title+"</a>";
  this.Img.timer=setTimeout(this.ID+".LoopShow()",this.TimeOut);
}
//-->
</SCRIPT>
 
                  <SCRIPT language=JavaScript>
<!--
var SlidePic_801 = new SlidePic_Article("SlidePic_801");
SlidePic_801.Width    = 230;
SlidePic_801.Height   = 163;
SlidePic_801.TimeOut  = 5000;
SlidePic_801.Effect   = 2;
SlidePic_801.TitleLen = 0;
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/1.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "1";
SlidePic_801.Add(oSP);
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/2.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "1";
SlidePic_801.Add(oSP);
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/3.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "1";
SlidePic_801.Add(oSP);
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/4.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "1";
SlidePic_801.Add(oSP);
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/5.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "1";
SlidePic_801.Add(oSP);
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/6.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "H";
SlidePic_801.Add(oSP);
var oSP = new objSP_Article();
oSP.ImgUrl         = "uploadpichonor/7.jpg";
oSP.LinkUrl        = "honor.asp";
oSP.Title         = "H";
SlidePic_801.Add(oSP);
SlidePic_801.Show();
//-->
</SCRIPT>
   
  • 上一篇文章:
  • 下一篇文章:
  • [回到标题] [回到顶部]