(本文来自本站原创,转载请务必注明出处!)
Highslide JS

在线预览效果: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">对应的,意思就是讲幻灯片放在ID为appointID的DIV区块里。可以随意命名为自己的,前后一致就行。
其他幻灯片的设置也都雷同,并不神秘。代码下载:
下载文件 (已下载 330 次)
bc00999d
Time 2009-1-5 | Posted in 网页技术 | Tags: , , , , | Pageview: 2946
本文有5个朋友发表评论:
我爱我网 Homepage 2009-2-10 00:55
研究了一下,淘宝里是不能填加这个的,如果能实现这个功能那可真是太牛X了!
birder Homepage 2009-2-6 13:42
代码好找,融合到CMS应用难
我爱我网 Homepage 2009-2-3 11:53
这个不错,前段时间我在一个网站也看到了好多这样的素材。zan
超群 Homepage 2009-1-21 20:26
不知道博主能否允许小弟发布一下此幻灯片呢?

具体请看http://www.zhuchaoqun.com
流芒阿辉 Homepage 2009-1-7 15:55
每次换图片,还得改源代码,不方便,通过后台直接换就好了
博主回复:晕。那个地方可以加程序自动生成的。
分页: 1/1 第一页 1 最后页
欢迎发表评论:
昵称

网址
打开HTML 打开UBB 打开表情 隐藏 记住我