最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

Flash+JS打造全屏仿windows

日期:08-31    来源:中国设计秀    作者:cnwebshow.com

一、需求分析:AXE中国设计秀

  1:全屏页面分辨率需为 1024*768 如果低于此分辨率,画面精细的效果得不到体现。所以应该限制此分辩率以下的操作系统访问此界面。AXE中国设计秀

  2:打开的全屏窗口应该右上角有最小化、关闭按扭。AXE中国设计秀

  3:每个载入的窗口应该可以移动、关闭、最小化。AXE中国设计秀

  4:桌面上的图标可以拖动,双击。AXE中国设计秀

  5:屏幕底部有一个任务栏,当鼠标移至屏幕底部,任务栏从底部弹出。可以用一个按扭使其退回屏幕底部。AXE中国设计秀

  二、技术要点AXE中国设计秀

Java Script:AXE中国设计秀
Screen 对象 (object):AXE中国设计秀
该对象具有以下属性(Properties):AXE中国设计秀
availHeight [有效高度], (有效高度=高度-任务栏高度)AXE中国设计秀
availWidth [有效宽度], AXE中国设计秀
bufferDepth [缓冲区大小],AXE中国设计秀
colorDepth[颜色深度],AXE中国设计秀
height [高度], AXE中国设计秀
width [宽度],AXE中国设计秀
updateInterval [更新间隔],AXE中国设计秀

AXE中国设计秀
Window 对象 (object):AXE中国设计秀
该对象具有以下属性(Properties):AXE中国设计秀
clientInformation[客户端信息], closed [已关闭], AXE中国设计秀
defaultStatus[默认状态],AXE中国设计秀

dialogArguments [会话框返回数组],AXE中国设计秀
dialogHeight [会话框高度], dialogLeft [会话框距屏幕左], AXE中国设计秀
dialogTop[会话框距屏幕顶], dialogWidth[会话框宽度], AXE中国设计秀
(以上5 个属性只适用于己于人showModalDialog() 创建的形式会话框)AXE中国设计秀
document.文档], AXE中国设计秀
event[事件], AXE中国设计秀
history[历史], AXE中国设计秀
length*[长度], AXE中国设计秀
location[位置], AXE中国设计秀
name[名称],AXE中国设计秀
navigator[浏览器], AXE中国设计秀
offscreenBuffering [关闭屏幕缓冲 Y/N ], AXE中国设计秀
opener [script 开窗口都有opener 指向开这个的窗口 你自己开的浏览器就是空的 AXE中国设计秀
window.close 根据这个判断的是否提示] AXE中国设计秀
parent*,[父窗口] AXE中国设计秀
returnvalue[返回值],AXE中国设计秀
screen[屏幕], AXE中国设计秀
self[自身], AXE中国设计秀
status[状态], AXE中国设计秀
top* [是否顶窗口]AXE中国设计秀

*An asterisk indicates properties not applicable to modal dialogs. AXE中国设计秀
带*号的属性不可用于 modal dialogs (由 showModalDialog() 创建的形式会话框).AXE中国设计秀

Collections (集合)AXE中国设计秀

frames* [框架]AXE中国设计秀

方法(Methods):AXE中国设计秀

alert[警告], AXE中国设计秀
blur[最小化], AXE中国设计秀
clearInterval [取消间隔], AXE中国设计秀
clearTimeout[清除超时设置], AXE中国设计秀
close[关闭], AXE中国设计秀
confirm [确定] (object.confirm([message]) 是否确定?此函数将返回一个逻辑值 ), AXE中国设计秀
execScript[执行代码],AXE中国设计秀
focus[聚焦], AXE中国设计秀
moveBy[相对移动], AXE中国设计秀
moveTo[移动到], AXE中国设计秀
navigate[导航 =window.location.href 本地URL ], AXE中国设计秀
open* [打开], AXE中国设计秀
prompt [提示], AXE中国设计秀
resizeBy [相对缩放], AXE中国设计秀
resizeTo [缩放到], AXE中国设计秀
scroll[卷动], AXE中国设计秀
scrollBy[相对卷动], AXE中国设计秀
scrollTo[卷动到], AXE中国设计秀
setInterval[设置间隔], AXE中国设计秀
setTimeout[设置超时], AXE中国设计秀
showHelp[显示帮助], AXE中国设计秀
showModalDialog* [显示形式会话框]AXE中国设计秀

*An asterisk indicates properties not applicable to modal dialogs. AXE中国设计秀
带*号的属性不可用于 modal dialogs (由 showModalDialog() 创建的形式会话框).AXE中国设计秀

事件(Events):AXE中国设计秀

onbeforeunload[关闭前], AXE中国设计秀
onblur[最小化], AXE中国设计秀
onerror[错误], AXE中国设计秀
onfocus[得到焦点], AXE中国设计秀
onhelp[帮助], AXE中国设计秀
onload[载入], AXE中国设计秀
onresize[缩放], AXE中国设计秀
onscroll[卷动], AXE中国设计秀
onunload [关闭]AXE中国设计秀

AXE中国设计秀
flash Action Script:AXE中国设计秀

on (press [按], release [释放], releaseoutside [外部释放], AXE中国设计秀
rollOver [滑过] , rollOut [滑离], dragOver [拖过], dragOut [拖离], AXE中国设计秀
keyPress "" [按键])AXE中国设计秀

GetUrl [转到连接] ("javascript:self.close()");AXE中国设计秀
StratDrag("MovieClip"); [开始拖曳] AXE中国设计秀
StopDrag("MovieClip"); [停止拖曳]AXE中国设计秀
loadMovie("*.swf", "MovieClip"); [加载影片到MovieClip] AXE中国设计秀
LoadmovieNum ("*.swf",n); [加载影片到第n层] AXE中国设计秀
UnLoadmovie("*.swf"); [卸载影片] AXE中国设计秀
play()[播放]; stop()[停止];AXE中国设计秀

pc_today=new Date();[新建日期对象]AXE中国设计秀
pc_today.getHours();[时]AXE中国设计秀
pc_today.getMinutes();[分]AXE中国设计秀
pc_today.getTime();[秒]AXE中国设计秀

.getBytesLoaded();[已载入字节数]AXE中国设计秀
.getBytesTotal();[需载入的字节总数]AXE中国设计秀
_root.getBytesTotal 表示当前SWF文件的字节数.AXE中国设计秀

on(release){AXE中国设计秀
getURL("javascript:self.close()"); // [转到连接]AXE中国设计秀
}AXE中国设计秀
执行JS代码,关闭当前窗口,同样的AXE中国设计秀
getURL("javascript:self.blur()"); AXE中国设计秀
可以使当前窗口最小化.AXE中国设计秀

AXE中国设计秀
  三、程序代码AXE中国设计秀
  1,控制在1024*768 分辨率以上可以打开全屏的 JS代码。将此代码放入 区。AXE中国设计秀

  2,Flash 中测试mp3 载入百分比的 AS:AXE中国设计秀
  说明:主场景中有一名为loadmp3 的 MovieClip .用于载入 mp3 转成的SWF 文件,也可直接载入mp3.AXE中国设计秀

  做一个 100 帧的 loading MovieClip 名为loading_mv .AXE中国设计秀

  做一个两帧的无图象的MovieClip 名为loading_mv_test .AXE中国设计秀

  第一帧代码如下: AXE中国设计秀
mp3loaded = _root.loadmp3.getBytesLoaded();AXE中国设计秀
mp3total = _root.loadmp3.getBytesTotal();AXE中国设计秀
mp3percent = 0;AXE中国设计秀
if (mp3total>1000 && mp3loaded>10) { AXE中国设计秀
//当主场景中的 loadmp3 没有载入影片 mp3loaded的值为1 ,而不为0 ;AXE中国设计秀
//因为有一个字节来表示这个 MovieClip AXE中国设计秀
mp3percent = int (mp3loaded/mp3total*100);AXE中国设计秀
_parent.gotoAndstop(mp3percent);AXE中国设计秀
} else {AXE中国设计秀
_parent.gotoAndstop(1);AXE中国设计秀
}AXE中国设计秀
pctoday = new Date();AXE中国设计秀
pctime = pctoday.getHours() add ":" add pctoday.getMinutes() add ":" add pctoday.getSeconds();AXE中国设计秀
//在场景中建立一个动态文本对象,变量名为pctime, 就可以实时显示系统时间了。AXE中国设计秀

  第二帧代码如下:AXE中国设计秀
gotoandplay(1);AXE中国设计秀

  3,桌面图标的主要代码:AXE中国设计秀

on (press) {AXE中国设计秀
startDrag("");AXE中国设计秀
}AXE中国设计秀
on (release) {AXE中国设计秀
stopDrag();AXE中国设计秀
frame = time._currentframe;AXE中国设计秀
if (settime == 0) { AXE中国设计秀
//settime ==0 表示还没有开始计时。settime ==1 表示已经开始计时。AXE中国设计秀
time.gotoandplay(1);AXE中国设计秀
settime = 1;AXE中国设计秀
}AXE中国设计秀
//开使记时,设置记时位 settime .AXE中国设计秀
if (settime == 1 && frame<=6) { AXE中国设计秀
//开始计时的6帧以内,(0.5S) 再次释放鼠标。 AXE中国设计秀
loadMovie("000.jpg", "_root.picback.bak"); AXE中国设计秀
//也可以换成其他动作。AXE中国设计秀
} else {AXE中国设计秀
settime = 0; //计时位复位。