(本文来自本站原创,转载请务必注明出处!)
在线预览效果:http://www.boy110.com/attachment/200901/Slide/
现在的网站差不多都有幻灯片,特别是资讯类的站点。有一个漂亮的幻灯片可以给网站增加动感,不然死气沉沉的。这个幻灯片大家应该都见过,我收藏到这里,以后需要免得到处找。下面就使用简单介绍一下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>幻灯片示例 - 主角博客</title>
<SCRIPT src="images/flashobj.js" type=text/javascript></SCRIPT>
</head>
<body>
<DIV align="center" >
<DIV id="appointID"></DIV>
<SCRIPT>
var sohuFlash2 = new sohuFlash("images/huandeng.swf", "27", 522, 245, "7");
sohuFlash2.addParam("quality", "high");
sohuFlash2.addParam("wmode", "opaque");
sohuFlash2.addVariable("image","图片地址|图片地址|图片地址|图片地址|");
sohuFlash2.addVariable("url","文章链接地址|文章链接地址|文章链接地址|文章链接地址");
sohuFlash2.addVariable("info", "文章标题描述|文章标题描述|文章标题描述|文章标题描述");
sohuFlash2.addVariable("stopTime","5000");
sohuFlash2.write("appointID");
</SCRIPT>
</div>
</body>
</html>
说明:结构也很简单,一个js文件,一个swf文件,然后就是一句< SCRIPT >语言嵌入到网页HTML中。
var sohuFlash2 = new sohuFlash("images/huandeng.swf", "27", 522, 245, "7"); 这一句中的 522 245 分别是指幻灯片的宽和高。
sohuFlash2.addVariable 后面分别跟有图片地址,链接,以及说明,这个是用CMS套的时候加循环标签。这里是关键,如果CMS的标签灵活的话,很简单地。
sohuFlash2.write("appointID"); 最后这个是和上面的< DIV id="appointID"> DIV >对应的,意思就是讲幻灯片放在ID为appointID的DIV区块里。可以随意命名为自己的,前后一致就行。
其他幻灯片的设置也都雷同,并不神秘。代码下载:
下载文件 (已下载 330 次)本文有5个朋友发表评论:







具体请看http://www.zhuchaoqun.com