外部媒体使用.pptVIP

新手零起点学网页设计;第18章 外部媒体的使用 ;18.1学习概述 ;18.2 工作应用实例——多功能网上相册;（2）新建图形“透明边框”，先使用矩形绘制一个无边框的矩形填充，然后在工具箱中双击矩形工具，弹出矩形边角参数设置，设置边角半径为10，如图18-2所示。在刚才所绘制的矩形填充内部绘制圆角矩形线条，这样就把矩形填充分成两部分，使用选择工具选中圆角矩形内的填充，如图18-3所示。;删除所选填充，并删除所有边框线条，得到如图18-4所示的相册边框。 　　　　　 　　　　　　　　　　　　　　　　　　　　　;（4）按组合键【Ctrl+F8】新建按钮“上一张”，如图18-6所示。 （5）按组合键【Ctrl+F8】新建按钮“下一张”，如图18-7所示。;图18-10　“拖动导航器”按钮;（10）按组合键【Ctrl+F8】新建影片剪辑“下一张按钮组合”，进入影片剪辑进行编辑，更改默认图层名称为“按钮有效”，将按钮“下一张”从图库中拖到该图层第1帧。新建图层“按钮无效”，分别在该层第1帧和第2帧按快捷键【F7】插入空白关键帧，在第2帧绘制按钮无效的图形，如图18-13所示。新建图层“动作”，分别在该层第1帧和第2帧按快捷键【F7】插入空白关键帧，并分别选中第1帧和第2帧，按快捷键【F9】在动作面板代码窗口中输入“stop();”。制作完成后，该影片剪辑的时间轴如图18-14所示。;（11）按组合键【Ctrl+F8】新建影片剪辑“播放暂停按钮组合”，进入影片剪辑并进行编辑，更改默认图层名称为“播放按钮”，将“自动播放”按钮从图库中拖到该图层第1帧。新建图层“暂停按钮”，分别在该层第1帧和第2帧按快捷键【F7】插入空白关键帧，在第2帧将“暂停播放按钮”拖到舞台（可使用洋葱皮工具进行对齐），如图18-15所示。新建图层“动作”，分别在该层第1帧和第2帧按快捷键【F7】插入空白关键帧，并分别选中第1帧和第2帧，按快捷键【F9】在动作面板代码窗口中输入“stop();”。制作完成后，该影片剪辑的时间轴如图18-16所示。;图18-17　编辑“相册导航器” ;updateStatus(); if (_root._currentFrame == 1) { prevBtn.gotoAndStop(2); } else { prevBtn.gotoAndStop(1); } if (_root._currentFrame == _root._totalFrames) { nextBtn.gotoAndStop(2); } else { nextBtn.gotoAndStop(1); } } ? function updateStatus () { _root.statusField = _root._currentFrame + of + _root._totalFrames; } ?;function autoplayInit () { startTime = getTimer(); hideControls(); updateStatus(); }; // 如果延迟时间到自动跳到下一张 if (elapsedTime = (delay*1000)) { if (_root._currentframe == _root._totalframes) { _root.gotoAndStop(1); } else { _root.nextFrame(); } autoplayInit(); } } } ;function hideControls () { nextBtn.gotoAndStop(2); prevBtn.gotoAndStop(2); } updateFrame(); autoplayStatus = 0;;（14）新建图层“边框”，按组合键【Ctrl+L】从库中的把图形“透明边框”拖到舞台中，把它选中，在属性栏中的颜色参数中设置alpha为50%，效果如图18-19所示。;（15）新建图层“导航器”，按组合键【Ctrl+L】打开库面板，把影片剪辑“相册导航器”拖到舞台中。双击“相册导航器”，进入组件进行编辑。双击组件中的影片剪辑“上一张按钮组合”，进入后选择“上一张”按钮，按快捷键【F9】调出动作面板，在其中输入： on (release, keyPress Left) { _parent.updateFrame(-1); } ? on (keyPress Up) { _root.gotoAndStop(1); _parent.updateFrame(); };回到“相册导航器”，双击组件中的影片剪辑“下一张按钮组