需要的技术:css、javascript、actionscript
插件/javascript库:swfobject 点击这里下载
xhtml代码(使用xhtml声明的doctype):
<body id="flash">
<div class="tips">
<script type="text/javascript">
document.write(":-( 请安装最新的 <");
document.write("a href='http://www.adobe.com/go/getflashplayer'>Flash Player<\/a>");
</script>
<noscript>
:-( 请开启 Javascript 后刷新,以正常浏览网站!
</noscript>
</div>
</body>
css代码:
<style type="text/css">
html, body {
margin:0;
padding:0;
background-color: #fff;
height: 100%;
}
a {
color: #666;
}
a:hover {
color: #333;
}
div.tips {
width: 500px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -250px;
text-align: center;
vertical-align: middle;
font-size: 12px;
line-height: 50px;
}
</style>
javascript代码:
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("root.swf", "flashmovie", "100%", "100%", "8", "#000000");
so.write("flash");
</script>
actionscript代码:
/* stage */
//flash制作舞台参考对齐宽度
var dw:Number = 1250;
//flash制作舞台参考对齐高度
var dh:Number = 842;
//高度偏移修正
var crh:Number = 0;
var stageListener:Object = new Object();
stageListener.onResize = stageResize;
Stage.addListener(stageListener);
stageResize();
//FUNCTIONS
function stageResize() {
sw = Stage.width;
sh = Stage.height;
//主场景内容屏幕居中
setPosition(_cont, Math.round(sw/2-dw/2), Math.round(sh/2-dh/2-crh));
//背景居中
setPosition(_bg, Math.round(sw/2-dw/2), Math.round(sh/2-dh/2-crh));
//导航条水平居中顶对齐
setPosition(_nav, Math.round(sw/2-dw/2), 0);
}
function setPosition(target:MovieClip, tx:Number, ty:Number):Void {
moveXS(target, tx, 0.5);
moveYS(target, ty, 0.5);
}