今天刚完成的 ...
效果图和源文件传上。。。
复制内容到剪贴板
代码:
/*作者:梦自在*/
import mx.transitions.*;
import mx.transitions.easing.*;
var total_num:Number = 10;
var current_num:Number = 1;
var save_num:Number = 0;
var press_num:Number = 0;
var title_array:Array = new Array();
var content_array:Array = new Array();
var contentColor:Color = new Color(content_mc.bg_mc);
contentColor.setRGB(0xffff00);
var myXML:XML = new XML();
myXML.ignoreWhite = true;
myXML.onLoad = function(success:Boolean) {
if (success) {
for (var i:Number = 0; i<this.firstChild.childNodes.length; i++) {
title_array.push(this.firstChild.childNodes[i].attributes.title);
content_array.push(this.firstChild.childNodes[i].firstChild.nodeValue);
go_func();
}
} else {
trace("加载失败");
}
};
myXML.load("content.xml");
function go_func() {
for (var i:Number = 0; i<10; i++) {
_root["title_mc"+i].title_txt.text = title_array[i];
_root["title_mc"+i].i = i;
_root["title_mc"+i].onRelease = function() {
new Tween(this, "_x", Elastic.easeOut, this._x-10, this._x, 1, true);
new Tween(content_mc, "_alpha", Elastic.easeOut, 0, 100, 2, true);
new Tween(content_mc, "_xscale", Elastic.easeOut, 50, 100, 2, true);
new Tween(content_mc, "_yscale", Elastic.easeOut, 50, 100, 2, true);
if (next_btn.enabled) {
content_mc.content_txt.text = content_array[this.i+(current_num-1)*total_num];
} else {
content_mc.content_txt.text = content_array[this.i+current_num*total_num];
}
if (press_num == 0) {
press_num = 1;
save_num = this.i;
var myColor:Color = new Color(this.bg_mc);
myColor.setRGB(0xFF0000);
} else {
var myColor1:Color = new Color(_root["title_mc"+save_num].bg_mc);
myColor1.setRGB(0xFFFFFF);
var myColor:Color = new Color(this.bg_mc);
myColor.setRGB(0xFF0000);
}
save_num = this.i;
};
}
}
var nextColor:Color = new Color(next_btn.bg_mc);
nextColor.setRGB(0xFF0000);
var prevColor:Color = new Color(prev_btn.bg_mc);
prevColor.setRGB(0xFF0000);
prev_btn.enabled = false;
next_btn.enabled = true;
prev_btn.onRelease = function() {
new Tween(this, "_x", Elastic.easeOut, this._x-10, this._x, 1, true);
var myColor1:Color = new Color(_root["title_mc"+save_num].bg_mc);
myColor1.setRGB(0xFFFFFF);
if (next_btn.enabled) {
current_num -= 1;
}
next_btn.enabled = true;
for (var i:Number = 0; i<total_num; i++) {
_root["title_mc"+i].enabled = true;
}
content_mc.content_txt.text = "";
if (current_num == 1) {
prev_btn.enabled = false;
}
for (var i:Number = (current_num-1)*10; i<current_num*total_num; i++) {
_root["title_mc"+i%10].title_txt.text = "";
_root["title_mc"+i%10].title_txt.text = title_array[i];
}
};
next_btn.onRelease = function() {
new Tween(this, "_x", Elastic.easeOut, this._x-10, this._x, 1, true);
var myColor1:Color = new Color(_root["title_mc"+save_num].bg_mc);
myColor1.setRGB(0xFFFFFF);
prev_btn.enabled = true;
content_mc.content_txt.text = "";
if ((current_num+1)*total_num<=title_array.length) {
for (var i:Number = current_num*total_num; i<(current_num+1)*total_num; i++) {
_root["title_mc"+i%10].title_txt.text = "";
_root["title_mc"+i%10].title_txt.text = title_array[i];
}
current_num += 1;
} else {
for (var j:Number = 0; j<total_num; j++) {
_root["title_mc"+j].title_txt.text = "";
}
for (var i:Number = current_num*10; i<(current_num+1)*10; i++) {
if (i<title_array.length) {
_root["title_mc"+i%10].title_txt.text = title_array[i];
} else {
_root["title_mc"+i%10].enabled = false;
}
}
next_btn.enabled = false;
}
};xml:
复制内容到剪贴板
代码:
<?xml version="1.0" encoding="UTF-8"?>
<contents>
<content title="梦自在1">梦自在111111111111111erewrewrewrtreterter</content>
<content title="梦自在2">梦自在222222222222222ewrer</content>
<content title="梦自在3">梦自在333333333333333ewrewrt</content>
<content title="梦自在4">梦自在4444444444444reterter</content>
<content title="梦自在5">梦自在555555555555555yttryrt</content>
<content title="梦自在6">梦自在6666666666666trytryrt</content>
<content title="梦自在7">梦自在7777777777777rtuyy</content>
<content title="梦自在8">梦自在88888888ruuy</content>
<content title="梦自在9">梦自在999999999999ytuytuyt</content>
<content title="梦自在10">梦自在10000000000ytuytuyt</content>
<content title="梦自在11">梦自在11000000000000hfghtrhtr</content>
<content title="梦自在12">梦自在12000000000trhtrhrt</content>
<content title="梦自在13">梦自在1300000000rthtrhrt</content>
<content title="梦自在14">梦自在140000000000</content>
<content title="梦自在15">梦自在15000000000000</content>
<content title="梦自在16">梦自在160000000000000</content>
<content title="梦自在17">梦自在170000000000</content>
<content title="梦自在18">梦自在1800000000000</content>
<content title="梦自在19">梦自在19000000000000000</content>
<content title="梦自在20">梦自在2000000000000</content>
<content title="梦自在21">梦自在2100000000</content>
<content title="梦自在22">梦自在220000000</content>
<content title="梦自在23">梦自在23000000000000</content>
<content title="梦自在24">梦自在24000000000000</content>
</contents>