幻灯片切换的特效源代码

1、图片幻灯片width=410(宽) height=200(高)
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<SCRIPT type=text/javascript>
<!--
t=5; //secs per slide

// promos + links
prmo = new Array();
link = new Array();

prmo[1]="http://www.webjx.com/img/200406301.jpg";//网页制作学习
link[1]="http://www.webjx.com/htmldata/sort/3.html";
prmo[2]="http://www.webjx.com/img/200406302.jpg";//动画制作学习
link[2]="http://www.webjx.com/htmldata/sort/4.html";
//prmo[2]="http://www.webjx.com/img/200406302.jpg"//网页特效
//link[2]="http://www.webjx.com/htmldata/sort/5.html";
prmo[4]="http://www.webjx.com/img/200406303.jpg";//网页编程学习
link[4]="http://www.webjx.com/htmldata/sort/6.html";
prmo[0]="http://www.webjx.com/img/200406304.jpg";//书籍教程下载
link[0]="http://www.webjx.com/htmldata/sort/7.html";
prmo[3]="http://www.webjx.com/img/200406305.jpg";//网页素材下载
link[3]="http://www.webjx.com/htmldata/sort/8.html";
//init
promos = "";
links = "";

// build flashvars
for (x=0;x<prmo.length;x++) {
promos += (x+1<prmo.length) ? prmo[x]+"|" : prmo[x];
links += (x+1<prmo.length) ? link[x]+"|" : link[x];
}

var MM_contentVersion = 6;
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;

if ( plugin ) {
     var words = navigator.plugins["Shockwave Flash"].description.split(" ");
     for (var i = 0; i < words.length; ++i)
     {
if (isNaN(parseInt(words[i])))
continue;
var MM_PluginVersion = words[i];
     }
var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;
}
else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0
   && (navigator.appVersion.indexOf("Win") != -1)) {
document.write('<SCR' + 'IPT LANGUAGE=VBScript> \n'); //FS hide this from IE4.5 Mac by splitting the tag
document.write('on error resume next \n');
document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');
document.write('</SCR' + 'IPT> \n');
}

if ( MM_FlashCanPlay ) {
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="410" height="200" align="middle">');
document.write('<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.webjx.com/js/img.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" />');
document.write('<param name="FlashVars" value="p=' + promos + '&l=' + links + '&t=' + t + '">');
document.write('<embed src="http://www.webjx.com/js/img.swf" FlashVars="p=' + promos + '&l=' + links + '&t=' + t + '" quality="high" bgcolor="#ffffff" width="410" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />');
document.write('</object>');
}
//-->
</SCRIPT>
</DIV></TD></TR></TBODY></TABLE>

2、图片幻灯片
<a target=_self href="javascript:goUrl()">
<span class="f14b">
<script type="text/javascript">
imgUrl1="http://www.webjx.com/img/200406301.jpg";
imgtext1="有线一拖三(温馨版)"
imgLink1=escape("http://www.diyikeji.com");
imgUrl2="http://www.webjx.com/img/200406302.jpg";
imgtext2="456"
imgLink2=escape("http://www.diyikeji.com");
imgUrl3="http://www.webjx.com/img/200406303.jpg";
imgtext3="789"
imgLink3=escape("http://www.diyikeji.com");
imgUrl4="http://www.webjx.com/img/200406304.jpg";
imgtext4="234"
imgLink4=escape("http://www.diyikeji.com");
imgUrl5="http://www.webjx.com/img/200406305.jpg";
imgtext5="567"
imgLink5=escape("http://www.diyikeji.com");

var focus_width=280
var focus_height=158
var text_height=18
var swf_height = focus_height+text_height

var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.webjx.com/js/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>
</span></a><span id=focustext class=f14b> </span>

3、文字+图片幻灯片
<SCRIPT LANGUAGE=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgsumm=new Array();
var adNum=0;

imgUrl[1]="http://cfan.net.cn/tutu/200406301.jpg";
imgtext[1]="[组图]第16期我型我塑 "
imgLink[1]="http://cfan.net.cn/";
imgsumm[1]=" 摩羯座的猫猫是个安静的女孩，面对镜头总是略带羞涩。";

imgUrl[2]="http://cfan.net.cn/tutu/200406302.jpg";
imgtext[2]="实录：从“三陪女”到“二奶”"
imgLink[2]="http://cfan.net.cn";
imgsumm[2]=" “二奶”的日子是快乐的，但后遗症却是最深的痛……";

imgUrl[3]="http://cfan.net.cn/tutu/200406303.jpg";
imgtext[3]="家饰：[组图]我爱抱心肝宝贝"
imgLink[3]="http://cfan.net.cn/";
imgsumm[3]=" 我们已经不再满足于中规中矩,四角形模样的抱枕...";

if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=20;
imgInit.filters.revealTrans.apply();
playTran();

}
document.images.imgInit.src=imgUrl[adNum];
focustext.innerHTML=imgtext[adNum];
focussumm.innerHTML=imgsumm[adNum];
theTimer=setTimeout("nextAd()", 2000);//间隔时间
}

function goUrl(){
window.open(imgLink[adNum],'_blank');
}
</SCRIPT>
<A TARGET=_self HREF="javascript:goUrl()">
<IMG STYLE="FILTER: revealTrans(duration=1,transition=5);border-color:black;color:#000000" SRC="javascript:nextAd()" WIDTH=338 HEIGHT=110 BORDER=0 CLASS=img01 NAME=imgInit></A>
<A TARGET=_self HREF="javascript:goUrl()">
<FONT COLOR=#B41A7A CLASS=sfont><SPAN ID=focustext></SPAN></FONT></A>
<A TARGET=_self HREF="javascript:goUrl()">
<FONT COLOR=#777777 CLASS=sfont><SPAN ID=focussumm></SPAN></FONT></A>
</div>

本Blog纯属个人学习、工作需要，记录相关资料。请不要发表任何有人身攻击的言论，谢谢！ www.zhipsoft.cn

幻灯片切换的特效源代码

你可能感兴趣的:(幻灯片切换的特效源代码)