模仿新浪幻灯图片展示的代码(2种方法)

一：javascript+flash方法！

<SCRIPT type=text/javascript>
<!--

var focus_width=162
var focus_height=120
var text_height=0
var swf_height = focus_height+text_height

var pics='plugins/SiteFocus/5.jpg|plugins/SiteFocus/6.jpg|plugins/SiteFocus/7.jpg|plugins/SiteFocus/8.jpg|plugins/SiteFocus/9.jpg'
var links='#|#|#|#|#'
var
texts='图片1|图片2|图片3|图片4|图片5'

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="images/loader.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="http://www.flylucky.com/images/loader.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>



二：纯javascript方法


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>幻灯展示，纯javascript方法</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- // BannerAD

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

bannerAD[0]="images/java2_1.jpg";//这里放上第一幅图片
bannerADlink[0]="#";//这里可以换成你想要的链接
bannerAD[1]="images/java2_2.jpg";
bannerADlink[1]="#";
bannerAD[1]="images/java2_3.jpg";
bannerADlink[1]="#";
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()", 5000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
bannerADrotator.alt=bannerADlink[adNum];
status=bannerADlink[adNum];
document.returnValue = true;
}

//-->
</script>
</head>

<body>
<center>
<BANNERAD><a href="javascript:jump2url()" onMouseOver="displayStatusMsg();return document.returnValue"><img src="images/java2_1.jpg" name="bannerADrotator" style="filter:revealTrans(duration=2,transition=20)" border=0></a>
<script language="JavaScript">nextAd()</script>
</BANNERAD>
</center>
</body>
</html>
posted @ 2008-09-01 17:14  谢多  阅读(608)  评论(0)    收藏  举报