JS 幻灯片

最新推荐文章于 2023-02-07 17:14:50 发布

最新推荐文章于 2023-02-07 17:14:50 发布 · 108 阅读

文章标签：

#javascript #ViewUI

本文提供了一种利用Flash实现图片幻灯片展示的方法，并附带JavaScript代码示例。通过简单的复制粘贴即可将该幻灯片应用到网页中，支持自定义图片尺寸及链接。

转自：http://www.ijavascript.cn/tools/codedemo/jsad-code-for-flash-image-234/index.htm

演示地址：http://www.ijavascript.cn/tools/codedemo/jsad-code-for-flash-image-234/index.htm

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="爱JavaScript中文网 http://www.ijavascript.cn/" />
<meta name="description" content="Flash图片幻灯片代码演示，分享个人的JavaScript学习经历,做最好的JavaScript资料分享站点" />
<meta content="Flash图片幻灯片代码演示,爱JavaScript中文网" name="keywords" />
<title>Flash图片幻灯片代码演示- 爱JavaScript中文网</title>
<style type="text/css">
td {font-size: 12px;}
</style>
</head>

<BODY>
<p> </p>
<table width="558" height="251" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="279" height="251">
<script type="text/javascript">
imgUrl1="images/01.jpg";
imgtext1="蔬菜广告创意01"
imgLink1=escape("http://www.ijavascript.cn");
imgUrl2="images/02.jpg";
imgtext2="蔬菜广告创意02"
imgLink2=escape("http://www.ijavascript.cn");
imgUrl3="images/03.jpg";
imgtext3="蔬菜广告创意03"
imgLink3=escape("http://www.ijavascript.cn");
imgUrl4="images/04.jpg";
imgtext4="蔬菜广告创意04"
imgLink4=escape("http://www.ijavascript.cn");
imgUrl5="images/05.jpg";
imgtext5="蔬菜广告创意05"
imgLink5=escape("http://www.ijavascript.cn");

var focus_width=240
var focus_height=200
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="images/focus1.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('</object>');
</script> </td>

<td width="279">
<script type="text/javascript">
imgUrl1="images/01.jpg";
imgtext1="蔬菜广告创意01"
imgLink1=escape("http://www.ijavascript.cn");
imgUrl2="images/02.jpg";
imgtext2="蔬菜广告创意02"
imgLink2=escape("http://www.ijavascript.cn");
imgUrl3="images/03.jpg";
imgtext3="蔬菜广告创意03"
imgLink3=escape("http://www.ijavascript.cn");
imgUrl4="images/04.jpg";
imgtext4="蔬菜广告创意04"
imgLink4=escape("http://www.ijavascript.cn");
imgUrl5="images/05.jpg";
imgtext5="蔬菜广告创意05"
imgLink5=escape("http://www.ijavascript.cn");

<table width="558" height="150" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="149"><p>把JS脚本拷贝到您的页面里<br>
然后修改脚本里FLASH图片显示的尺寸 <br>
var focus_width=240<br>
var focus_height=200</p>
<p>不用在页面里插入FLASH文件</p>
<p>使用相对路径和绝对路径都可以正常显示<br>
</p>
</td>
</tr>
</table>
</BODY>
</HTML>