共享一段JS幻灯片代码

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

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#menu #html #div

0006-0005 javacript 专栏收录该内容

22 篇文章

订阅专栏

今天找到一个简洁的JS幻灯片代码，发出来共享一下。

以下是代码片段：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>幻灯代码演示</title>
</head>
<body>
<div>
<script type="text/javascript">
imgUrl1="images/1.jpg";
imgtext1="调用文章标题001"
imgLink1=escape("http://www.luoyejie.cn/");
imgUrl2="images/2.jpg";
imgtext2="调用文章标题002"
imgLink2=escape("http://www.luoyejie.cn/");
imgUrl3="images/3.jpg";
imgtext3="调用文章标题003"
imgLink3=escape("http://www.luoyejie.cn/");
imgUrl4="images/4.jpg";
imgtext4="调用文章标题004"
imgLink4=escape("http://www.luoyejie.cn/");
imgUrl5="images/5.jpg";
imgtext5="调用文章标题005"
imgLink5=escape("http://www.luoyejie.cn/");

var focus_width=400//flash宽度
var focus_height=260//flash高度
var text_height=20//文字标题高度
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="slide.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>
</div>
</body>
</html>