- 浏览: 45089 次
- 性别:
- 来自: 深圳
最新评论
flash站满整个网页且flash总是居中。
效果查看地址:
http://www.mygamemylove.com/demo/flashatthis/
下载地址:
http://www.mygamemylove.com/114.html
看了闪吧的:“影像“系统,发现一个很好的效果就是无论浏览器的大小如何不停的改变,它里面的工具栏,属性栏始终贴在左边或者右边,就是说
始终保持着相对的坐标。这个是如何做到了,对过笔者的研究,其实很容易做到。
我们现在分两步说,flash站满整个网页,然后再来看:让flash中的元件始终处于相对位置。
1.flash站满整个网页(这一部分完全是仿造闪吧影像“系统的首页来作的)s
一个外部的js文件用于显示出要插入的flash,这样的好处是在iE中,flash不会出现虚框。
然后就是html文件了。这样了调用js,显示flash:
欢迎您常来自娱自乐,我的经验与您分享.w
www.mygamemylove.com
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
播放此动画需要
FlashPlayre9.
欢迎您常来自娱自乐,我的经验与您分享.w
www.mygamemylove.com
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
发表评论
-
Flv网络播放器制作全攻略
2010-04-10 10:02 587***************************** ... -
flash中NetConnection与NetStream知识整理
2010-04-10 10:02 649NetConnection只有一个connect方法,NetS ... -
flv制作工具大全
2010-04-10 10:02 827Collected links to Flash Vid ... -
FLV播放器汇总
2010-04-10 10:01 596http://www.dengjie.com/weblog/c ... -
使用 Flash Remoting in Flash Forms 制作 Live Search
2010-04-10 10:01 646即时搜索效果察看 Live Search 的程式分成两部份 ... -
《AS 3 Cookbook 中文版》 第二章. 自定义类 2.0. 简介
2010-04-09 12:59 579ActionScript 3.0 最本质的 ... -
《AS 3 Cookbook 中文版》 第二章. 自定义类 2.0. 简介
2010-04-09 12:59 493ActionScript 3.0 最本质的 ... -
《AS 3 Cookbook 中文版》 第三章. 运行时环境 3.0. 简介
2010-04-09 12:59 756[1b] 3.0. 简介 [/1b]Flash ... -
《AS 3 Cookbook 中文版》 第三章. 运行时环境 3.0. 简介
2010-04-09 12:59 696[1b] 3.0. 简介 [/1b]Flash ... -
Flex2/AS3在Linux下的开发环境
2010-04-09 12:58 646这次修正了万恶的“Incorrect flash playe ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 10:05 572很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 10:05 618[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
AS3制作MP3波形图
2010-04-09 10:05 678示地址: http://www.taoshaw.com/tao ... -
AS3制作MP3波形图
2010-04-09 10:05 867示地址: http://www.taoshaw.com/tao ... -
as3打造一个非常酷的莲花曲线效果
2010-04-09 10:05 645详细代码: var radius:int=100; va ... -
跑动的小火柴人(flash动画)
2010-04-08 10:23 573本教程描绘的是完全用ActionScript做的一个火柴棍小人 ... -
旋转的flash花朵
2010-04-08 10:23 621先看下最终效果: 本课中的内容涉及:函数定义, for... ... -
旋转的flash花朵
2010-04-08 10:23 650先看下最终效果: 本课中的内容涉及:函数定义, for... ... -
逐帧flash动画制作:花儿吃蝴蝶
2010-04-08 10:23 866先看看效果: 分析: ... -
逐帧flash动画制作:花儿吃蝴蝶
2010-04-08 10:22 844先看看效果: 分析: ...
相关推荐
导航居中的flash美女模板是一款导航条居中显示的美女背景风格flash网站模板。_html网站模板_网页源码移动端前.rar
显示在网页顶层的Flash透明遮屏广告代码 1\flash文件为反编译文件 2\flash/02.swf",80,80,-10,-10,6,此处可修改缩小后广告的尺寸 80,80为尺寸 -10,-10为广告边距 6位显示位置,1-9分别为9个显示...
实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入关闭按钮 11 实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 ...
HTML5期末考核大作业源码 包含 个人、 ...都是给学生定制的都符合学生考试期末作业的水平,有的有js,有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】:https://blog.csdn.net/VX_WJ88950106?type=blog
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 12.16 设置新打开的窗口...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板 banner和FLASH动画源文件都保存在 images目录中 大家可以自行修改 顶部绿色栏目背景和banner无缝衔接 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:pageadmin...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越火线游戏网 8.JS经典3款风格QQ客服在线浮动右侧与左侧代码 9.JS精简网页音乐播放器 浮动在页面...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...
韩国风格的公司企业网站模板,banner和FLASH动画源文件都保存在/images目录中,大家可以自行修改,顶部绿色栏目背景和banner无缝衔接.... 模板宽:1000px 主色调:绿色 布 局:div+css 对齐方式:居中 后台地址:...