xml方式载入图片自动轮换显示
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
模拟韩国滚动广告效果,从外部读取图片和说明及连接 由于使用XML和外部图片,因此本程序需要下载后观看效果 本作品只为教程使用,因此没有做loading处理。 点击浏览该文件 //XML文件部分代码(imgList.xml) //----------------------------------------------------------------------------------
//Flash AS代码: //---------------------------------------------------------------------------------- Stage.showMenu = false; Stage.scaleMode = "noScale"; fscommand(allowscale, true); //初始化屏幕大小 System.useCodepage = true; //中文支持 imgW = 580; imgH = 386; //初始化场景宽度和高度 jTime = 1500;//初始化滚动间隔时间,默认1.5秒 var myLoad = new XML(); myLoad.ignoreWhite = true; myLoad.load("imgList.xml"); myLoad.onLoad = function(success) {//装载xml文件 if (success) { createEmptyMovieClip("img_mc", -16383);//装载成功,初始化滚动mc元件 img_mc.createEmptyMovieClip("loadImg0", 1);//创建loading图片的子元件 img_mc._x = -imgW;//初始化坐标位置 x = 0;//初始化显示图片的指针 imgList();//执行函数imgList(); makeBtn();//创建控制按钮 } else { trace("错误!装载xml文件不成功!");//返回错误信息 } }; function makeBtn() {//本函数初始化控制按钮元件 _root.attachMovie("next_btn", "n_btn", 50);//连接向后的按钮 _root.attachMovie("next_btn", "u_btn", 51);//连接向前的按钮 u_btn._rotation = 180;//控制向前的按钮翻转角度 u_btn._x = imgW-50;// u_btn._y = imgH-30;// n_btn._x = imgW-25;// n_btn._y = imgH-30;//初始化两个按钮的位置 u_btn.onRelease = MoveLeft;//当点此按钮的时候执行向左滚动的函数 n_btn.onRelease = MoveRight;//‘’‘’‘’‘’‘’‘右滚动的函数 u_btn.onRollOver = function() {//当鼠标在本按钮上的时候清除自动滚动选项 clearInterval(MA); }; u_btn.onRollOut = function() {//当鼠标离开后继续自动滚动 MA = setInterval(MoveLeft, jTime); }; n_btn.onRollOver = function() {// clearInterval(MA); }; n_btn.onRollOut = function() {// MA = setInterval(MoveLeft, jTime); }; } function imgList() {//xml分析函数,并构造滚动元件 myList = myLoad.firstChild.childNodes; myListLen = myList.length; for (i=1; i } for (i=0; i mcbtns = img_mc.attachMovie("btn_mc", "btn"+i, i+myListLen+4);//连接图片按钮 loadImgs.btn = mcbtns;//初始化各图片对应的按钮 loadImgs.i = i;//初始化当前图片的指针 loadImgs.loadImg();//执行图片装载函数 } } function moveImg() {//图片滚动函数 if (x>myListLen) {//控制向左的循环 x = 1; img_mc._x = 0; } if (x<1) {//控制向右循环 x = myListLen; img_mc._x = -img_mc._width+imgW; } textValue(myList[x-1].attributes.info);//执行文本显示函数 onEnterFrame = function () {//循环检测滚动 targetx = -x*imgW; img_mc._x += (targetx-img_mc._x)*0.2; if (Math.abs(targetx-img_mc._x)<=0.2) {//位置符合后停止循环 img_mc._x = targetx; delete onEnterFrame; } }; } function MoveLe |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 不用代码制作变换曲线下一篇: 用AS+引导线做写字效果
关于xml方式载入图片自动轮换显示的所有评论