多图片各种渐变循环
<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 href=target='new' id='Url_" + this.ID + "'><img id='Img_" + this.ID + "' style='width:" + this.Width + "; height:" + this.Height + "; filter: revealTrans(duration=2,transition=23);' src='新闻信息' border='0'></a>");
if(this.TitleLen != 0) document.write("<br><span id='Title_" + this.ID + "'></span></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='new'>"+this.AllPic[this.PicNum].Title+"</a>";
this.Img.timer=setTimeout(this.ID+".LoopShow()",this.TimeOut);
}
//-->
</script>
<script language="javascript">
var SlidePic_248 = new SlidePic_Article("SlidePic_248"); //生成对象
SlidePic_248.Width = 214; //宽度
SlidePic_248.Height = 143; //高度
SlidePic_248.TimeOut = 5000; //设置循环时间
SlidePic_248.Effect = 23; //变换种类
SlidePic_248.TitleLen = 20; //标题长度
var oSP = new objSP_Article(); //生成对象
oSP.ImgUrl = "1.jpg";//图片路径
oSP.LinkUrl = ""; //图片点击访问路径
oSP.Title = ""; //图片标题
SlidePic_248.Add(oSP);//添加这张图片
//循环添加图片
var oSP = new objSP_Article();
oSP.ImgUrl = "2.jpg";
oSP.LinkUrl = "";
oSP.Title = "";
SlidePic_248.Add(oSP);
SlidePic_248.Show(); //开始播放
//-->
</script> 
本文介绍了一种使用JavaScript实现的多图片渐变循环显示效果的方法,详细展示了如何通过自定义对象和函数来控制图片的渐变过渡、显示周期及标题等内容。
1951

被折叠的 条评论
为什么被折叠?



