关注设计,提升认知、升级思维和记录生活的博客。

仿奥运官网Flash幻灯片

昨天在浏览网页的时候,进入到了奥运官方网站(http://www.beijing2008.cn/),看到它开始的那几张幻灯片展示效果确实了得;所以学习了一下,看源代码、找资料,终于让我找到了门道:

演示图;

前台调用:
<html>
<head>
<title>Flash 调用</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT src="{$InstallDir}Skin/beijing/flashobj.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
//<![CDATA[
function getObject(objectId) { 
  if(document.getElementById && document.getElementById(objectId)) {return document.getElementById(objectId);}
  else if (document.all && document.all(objectId)) {return document.all(objectId); }
  else if (document.layers && document.layers[objectId]) {return document.layers[objectId]; }
  else {return false;} 

//]]>

</SCRIPT>
</head>
<body>
{$MY_flash(1,520,205)}
</body>
</html>

{$MY_flash(1,520,205)}  参数分别是: 频道ID、flash宽、flash高

***********以下是函数标签部分************

查询语句:
select top 4 ArticleID,ChannelID,ClassID,Title,DefaultPicUrl from PE_Article where Status = 3 and ChannelID={input(0)} and (IncludePic=1 or IncludePic=2) and deleted=0  order by ArticleID desc

代码部分:
<DIV id=FlashFocus></DIV>
<SCRIPT type=text/javascript>
//<![CDATA[
txt="{Loop}{Infobegin}<a image='{$InstallDir}{$Field(1,GetChannel,1)}/{$Field(1,GetChannel,3)}/{$Field(4,Text,0,0,0)}' info='{$Field(3,Text,0,0,0)}' url='{$InstallDir}{$Field(0,GetUrl,Article,1)}'/>{Infoend}{/Loop}"

var peFlash2 = new peFlash("{$InstallDIr}Skin/beijing/demo.swf", "27", {input(1)}, {input(2)}, "7");
peFlash2.addParam("quality", "high");
peFlash2.addParam("wmode", "opaque");
peFlash2.addVariable("txt",txt);
peFlash2.write("FlashFocus");
//]]>
</SCRIPT>
 

编后记

采编:ZOUDECAO(微信/QQ:82075451) E_mail: zdco@qq.com

感谢作者辛苦原创!部分文章未能与原作者联系,如侵权请联系我们删除。转载请注明出处!如果觉得本文对你有启发,可以点击一键转发,分享给我们身边喜欢的朋友。因为分享,所以快乐。

本文来自 德艺志 转载请注明;

本文地址:http://www.zoudecao.net/post/1_9556.html。

Tags: 做网站

发布: zoudecao 分类: 设计专栏 浏览: 1154
留言列表
发表留言
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。