文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网络编程XML/SoapXML动态菜单
精品推荐
特别推荐
·跟我学XML和XSL
·XHTML教程,简单认识XHTML基础知识
·XML轻松学习手册
·XSL/XML网页制作入门,入门到精通
·用XML+JSP实现网页内容动态显示的方案
·将XML结点转换成JAVABEAN并存入数据库
·XML入门教程:XML 浏览器支持
·XHTML 1.0:标记新的开端
·什么是 XML Web Service
·什么是XML
·XML技巧五则
·新兴XML处理方法VTD-XML介绍
·一个简单的基于XML的模块集成框架
·XML数据库中几个容易混淆的概念
·用Flash和XML来构造一个聊天室
热点TOP10
·自定义应用程序配置文件(app.config)
·XML轻松学习手册
·关于web.xml配置的详细说明
·跟我学XML和XSL
·XML-RPC规范(中文版)
·从XML中读取数据到内存的实例
·ASP.NET中应用XML技术实现Web报表打印
·XML 增、删、改和查示例
·利用XML实现通用WEB报表打印实际使用中的例子
·新手教程:手把手教你学Web Services 教程
·用XMLHTTP Post/Get HTML页面时的中文乱码之完全Script解决方案
·证券和银行之间转帐系统的设计
·基于Lucene/XML的站内全文检索解决方案
·XML 数据的编码方式
·XML-RPC入门
·用XML+JSP实现网页内容动态显示的方案
·JSP取得在WEB.XML中定义的参数
·用 PHP5 轻松解析 XML
·XML文档对象模型手册
·什么是 XML Web Service

XML动态菜单

日期:2007年7月6日 作者: 查看:[大字体 中字体 小字体]


大家都喜欢XML,因为它省事,我平时做东西也尽可能的用XML,因为实在是日后更新修改太方便了,都不用动fla源文件。

本XML系列教程将分三部分发布,到最后一期我们将拥有一个功能全面,更加友好的XML菜单。本教程这个第一期涉及到了一些XML的基础知识。

这里我们要做的效果是一个纵向排列的动态XML的菜单,并且当鼠标滑动到菜单上显示相应的缩略图,这个我们在很多摄影作品展示flash网站经常见到的。在线展示:http://www.keyframe1.com/tute/xmlMenu/

第一步, 分析项目

组成部分:
      - XML文件;
      - FLASH源文件;
      - 缩略图JPG文件,50px X 50px 存放在 thumb文件夹;
 步骤:
      - 先写XML文件 (这个很简单,我们将不再讲怎么写XML文件);
      - 在FLASH中建立所需元素;
      - actionscripting

第二步,开始建立我们需要的一些元素,并把它们摆到大概理想的位置

  •  一个放所有缩略图的母影片剪辑,我们叫做container 50px宽,高尽量大些;
  • 一个遮罩影片剪辑,叫做mask 50px X 50 px;
  • 一个外框影片剪辑,只是为了美观,叫做br,尺寸比mask大一圈就可以了;
  • 把这三个影片剪辑在工作去摆到大概理想的位置,确定它们的X坐标,Y坐标无所谓因为下面我们要用AS来控制它们的Y坐标的;

(好了,主时间工作区的事情就是这些,现在我们建立一个代码的图层,把剩下所有的工作交给actionscript)

第三步,actionscripting

//先声明一些变量
var menut:Number = 30; //菜单顶部Y坐标
var menul:Number = 300; //菜单左侧X坐标
var home:MovieClip = this; 
var mlh:Number = 20; //菜单文字行距
var tlh:Number = 60; //缩略图行距
var speed:Number = 3; //缓动速度

//建立XML对象,提取XML数据,建立菜单的鼠标滑动触发的缩略图,遮罩影片剪辑的代码... 内容较多,尽量解释。

var myx:XML = new XML();
myx.ignoreWhite = true;
myx.onLoad = function()
{
    var nodes = this.firstChild.childNodes; //提取XML数据
    numMenu = nodes.length; //使用XML的关键,这个变量自动储存XML数据的节数,这样日后我们就可以只更新(添加/减少)XML文件 Flash就会自动更新
    for(var i=0; i<numMenu; i++)
    {
        //建立子影片剪辑载入缩略图
        var holder:MovieClip = container.createEmptyMovieClip("holder" + i, i); //在母影片剪辑里建立相等数量的字影片剪辑以载入缩略图
        container["holder" + i]._x = 0; //定位
        container["holder" + i]._y = tlh * i;
        container["holder" + i].loadMovie(nodes[i].attributes.thumb); //载入缩略图

[1] [2] [3] [4] [5] 下一页 




上一篇:雅虎、网易ajax标签导航效果实现

下一篇: AJAX基础教程及初步使用

XML动态菜单 相关文章:
·非主流QQFlash模块和动态横幅
·ajax+php无刷新二级联动下拉菜单(省市联动)源码
·Flash AS3:动态文本滚动条
·javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
·Div+CSS+JS树型菜单,可刷新
·5款纯div+css制作的弹出菜单(标准且无js)
·Javascript +CSS横向三级导航菜单
·QQ空间动态背景皮肤与导航
·用JSP+JavaScript打造二级级联下拉菜单
·Windows 98/XP双系统启动菜单修复
XML动态菜单 相关软件:
·Google Earth 动态卫星地图 汉化版 带我们进入间谍时代 能看见你家院子
·Google Earth 动态卫星地图 汉化版 能看见你家院子的车 电信做种
·35套FLASH菜单源文件
·动态网页设计视频全教程 csf 共35讲,详见查看
·DDNS动态域名管理V1.0.2 XP
·QQ截下拉菜单
·模仿QQ式的菜单酷!
·自由选择右键菜单背景色
·动态HTML轻松进阶
·真正的微软网站菜单

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn