先给大家看一个例子,就会明白我所要说的了,最初的时候是李蠢的网站上有这种效果,后来看到的是samsung的网站上,利用这种效果的网站越来越多了。。。 。。。
www.chungoon.co.kr/
----------------------
以下只是我的个人的见解,有高手能够提供更为规范的代码的话,感激不尽。。。
--------------------
1、新建一个htm页面,命名为index.htm,在该页中输入以下的js脚本,非常简单,估计大家都会看懂。
-------------
<script language="javascript">
function loadEvent(){
le=screen.availWidth;
ri=screen.availHeight;
width=400;
height=300;
left=(le-width)/2;
right=(ri-height)/2;
window.open("tsrc.html","","width="+width+",height="+height+",left="+left+",top="+right+"");
}
</script>
----------------
2、新建一个fla文件,保存为tsrc.fla,修改它的舞台尺寸为400,300,和要打开的页面大小对应
随便创建一个补间的动画,在动画的最后一帧加入如下代码:
----------
stop();
w = 400;
_root.onEnterFrame = function() {
w += 10;
fscommand("width", w);
if (w>=700) {
main.loadMovie("le.swf");
delete this.onEnterFrame;
}
};
--------------------------
想必大家都会理解这个得意思,我不多说了,进行下边比较关键的一步:
发布影片的时候要注意选择html格式的“带有FSCommand格式的flash”,然后用DW打开tsrc.html文件,在其中的
提示加入代码的地方加入如下代码:
-------------
if(command=="width"){
window.resizeTo(args,args-100);
var le=screen.availWidth;
var ri=screen.availHeight;
var width=args
var height=args-100;
var left=(le-width)/2;
var right=(ri-height)/2;
window.moveTo(left,right);
}
------------------------
做到这里就可以测试了,欢迎批评指正。
www.chungoon.co.kr/
----------------------
以下只是我的个人的见解,有高手能够提供更为规范的代码的话,感激不尽。。。
--------------------
1、新建一个htm页面,命名为index.htm,在该页中输入以下的js脚本,非常简单,估计大家都会看懂。
-------------
<script language="javascript">
function loadEvent(){
le=screen.availWidth;
ri=screen.availHeight;
width=400;
height=300;
left=(le-width)/2;
right=(ri-height)/2;
window.open("tsrc.html","","width="+width+",height="+height+",left="+left+",top="+right+"");
}
</script>
----------------
2、新建一个fla文件,保存为tsrc.fla,修改它的舞台尺寸为400,300,和要打开的页面大小对应
随便创建一个补间的动画,在动画的最后一帧加入如下代码:
----------
stop();
w = 400;
_root.onEnterFrame = function() {
w += 10;
fscommand("width", w);
if (w>=700) {
main.loadMovie("le.swf");
delete this.onEnterFrame;
}
};
--------------------------
想必大家都会理解这个得意思,我不多说了,进行下边比较关键的一步:
发布影片的时候要注意选择html格式的“带有FSCommand格式的flash”,然后用DW打开tsrc.html文件,在其中的
提示加入代码的地方加入如下代码:
-------------
if(command=="width"){
window.resizeTo(args,args-100);
var le=screen.availWidth;
var ri=screen.availHeight;
var width=args
var height=args-100;
var left=(le-width)/2;
var right=(ri-height)/2;
window.moveTo(left,right);
}
------------------------
做到这里就可以测试了,欢迎批评指正。
回复Comments
作者:
{commentrecontent}