flash佔滿整個網頁且flash總是居中源碼

flash站滿整個網頁且flash總是居中。
效果查看地址:
[url=http://www.mygamemylove.com/demo/flashatthis/]http://www.mygamemylove.com/demo/flashatthis/[/url]
下載地址:
[url=http://www.mygamemylove.com/114.html]http://www.mygamemylove.com/114.html[/url]
看了閃吧的:“影像“系統,發現一個很好的效果就是無論瀏覽器的大小如何不停的改變,它裏面的工具欄,屬性欄始終貼在左邊或者右邊,就是說
始終保持着相對的座標。這個是如何做到了,對過筆者的研究,其實很容易做到。
我們現在分兩步說,flash站滿整個網頁,然後再來看:讓flash中的元件始終處於相對位置。
1.flash站滿整個網頁(這一部分完全是仿造閃吧影像“系統的首頁來作的)s
一個外部的js文件用於顯示出要插入的flash,這樣的好處是在iE中,flash不會出現虛框。
然後就是html文件了。這樣了調用js,顯示flash:
歡迎您常來自娛自樂,我的經驗與您分享.w
[url=http://www.mygamemylove.com/]www.mygamemylove.com[/url]
body {
       margin-left: 0px;
       margin-top: 0px;
       margin-right: 0px;
       margin-bottom: 0px;
}
播放此動畫需要
FlashPlayre9.
歡迎您常來自娛自樂,我的經驗與您分享.w
[url=http://www.mygamemylove.com/]www.mygamemylove.com[/url]
var so = new SWFObject("swftest.swf", "index", "100%", "100%", "9", "#ffffff");so.write
("flashcontent");
注意幾點的就是:1.用css:body來定義頁面的上下左右的邊距爲0。2.就是要插入的flash地址div的id名稱要與:so.write("flashcontent");一致。
其次還要注意一點兒的就是背景色的設置:new SWFObject("swftest.swf", "index", "100%", "100%", "9", "#ffffff")最後一個參數,要與flash
本身的背景色相同,不然後會出現不想要的效果
2.讓flash中的元件始終處於相對位置
flash代碼爲:
//影片的相對位置#####################
//引用影片的相對位置類
import mygamemylove_com.*;
//這個一行很重要,不改變flash的原始尺寸。
Stage.scaleMode = "noScale";
//左上對齊
Stage.align = "LT";
//
var casSwfXY:casSwf = new casSwf();
//不停更改。
_root.onEnterFrame = function() {
////設置左
       casSwfXY.setL(Stage.width, Stage.height, mcL);
//設置上
       casSwfXY.setT(Stage.width, Stage.height, mcT);
//設置右
       casSwfXY.setR(Stage.width, Stage.height, mcR);
//設置中
       casSwfXY.setC(Stage.width, Stage.height, mcC);
//設置下
       casSwfXY.setD(Stage.width, Stage.height, mcD);
};
獲得影片的相對位置的類:
注意:文件要放在mygamemylove_com這個文件夾內,名子爲:casSwf.as
class mygamemylove_com.casSwf {
       //設置左
       function setL(numW:Number, numH:Number, _mc:MovieClip) {
              _mc._x = 0;
              _mc._y = numH/2-_mc._height/2;
       }
       //設置上
       function setT(numW:Number, numH:Number, _mc:MovieClip) {
              _mc._y = 0;
              _mc._x = numW/2-_mc._width/2;
       }
       //設置右
       function setR(numW:Number, numH:Number, _mc:MovieClip) {
              _mc._x = numW-_mc._width;
              _mc._y = (numH-_mc._height)/2;
       }
       //設置下
       function setD(numW:Number, numH:Number, _mc:MovieClip) {
              _mc._x = (numW-_mc._width)/2;
              _mc._y = numH-_mc._height;
       }
       //設置中
       function setC(numW:Number, numH:Number, _mc:MovieClip) {
              _mc._x = (numW-_mc._width)/2;
              _mc._y = (numH-_mc._height)/2;
       }
}
本文轉自:http://www.5uflash.com/flashjiaocheng/Flashaschengxu/165.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章