以下是 个性网站桌面式滑动代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="js/mootools.r420.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为个性网站桌面式滑动代码,属于站长常用代码" />
<title>个性网站桌面式滑动代码</title>
</head>
<!-- when the page loads, hide all sliders -->
<body onload = "EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide();">
<div id="container">
<!-- THE STARTING POINT -->
<div id="start" class="positioning">
<div class="inside">
<div class="text" style="text-align:center">
<img src="images/index.gif" alt="melissahie.com" /></div>
<div class="navigator"><div id="gotowork"><img src="images/button_start.gif" alt="ready go!" /></div></div>
</div>
</div>
<!-- ABOUT -->
<div id="about" class="positioning">
<div class="inside">
<img src="images/title_about.gif" alt="about me, me, me" />
<div class="header">I suppose this is where I write about myself.</div>
<div class="text">
Hi! My name is Melissa Hie. I am currently residing in Los Angeles, and I am a recent Computer Science graduate from <a href="http://www.ucla.edu/">UCLA</a> (Class of '07). I am not too fond of my major, but I admit it is an interesting field and has given me valuable experiences I would not possess otherwise. My real passion lies in web and graphic designing.<br />
<br />
In my free time, I enjoy watching TV shows. Lots and lots of it. My all time favorite is <a href="http://en.wikipedia.org/wiki/The_X-Files">The X-Files</a>, which I have been watching literally half my life! Other honorable mentions are Battlestar Galactica and House MD. I like playing videogames, and occasionally trying to speak Japanese (actually, it's my minor in college). I also enjoy reading books, but I like webcomics even better! My favorite comics are <a href="http://www.xkcd.com/">XKCD</a> and <a href="http://www.pbfcomics.com/">The Perry Bible Fellowship</a>. These guys are brilliant.
</div>
<div class="navigator"><div id="gotoskills"><img src="images/button_skills.gif" alt="on to my portfolio!" /></div></div>
</div>
</div>
<!-- WORK -->
<div id="work" class="positioning">
<div class="inside">
<div id="sliderEva" class="slider"><img src="images/screenshot/evacare.jpg" id="evacareout" alt="Eva Care Group" /><br /><br />
<a href="http://www.evacare.net/">launch</a> | click on the image to close</div>
<div id="sliderst4r" class="slider"><img src="images/screenshot/st4rbuck.jpg" id="st4rout" alt="st4rbuck.net" /><br /><br />
my past portfolio site | click on the image to close</div>
<div id="sliderRick" class="slider"><img src="images/screenshot/rickdavid.jpg" id="rickout" alt="RickDavidPhoto.com" /><br /><br />
<a href="http://www.rickdavidphoto.com/">launch</a> | click on the image to close</div>
<div id="sliderLakiff" class="slider"><img src="images/screenshot/lakiff.jpg" id="lakiffout" alt="LAKIFF" /><br /><br />
click on the image to close</div>
<img src="images/title_work.gif" alt="work, work." />
<div class="header">some stuff I've done</div>
<div class="text">click on the thumbnails for full-view of each site<br/>
<div id="evacarein" class="button"><img src="images/thumb/evacare.jpg" alt="Eva Care Group" /></div> <div id="st4rin" class="button"><img src="images/thumb/st4rbuck.jpg" alt="st4rbuck.net" /></div> <div id="rickin" class="button"><img src="images/thumb/rickdavid.jpg" alt="RickDavidPhoto.com" /></div> <div id="lakiffin" class="button"><img src="images/thumb/lakiff.jpg" alt="LAKIFF" /></div>
</div>
<div class="navigator"><div id="gotoprint"><img src="images/button_print_design.gif" alt="view print design" /></div></div>
</div>
</div>
<!-- CONTACT -->
<div id="contact" class="positioning">
<div class="inside">
<img src="images/title_contact.gif" alt="contact me!" />
<div class="header">ways to reach me</div>
<div class="text">
<p>please contact me through email: <a href="mailto:melissa at melissahie dot com">melissa (at) melissahie (.) com</a><br />
<b>Note:</b> I am currently available for freelancing, but would also welcome a full-time job opportunity. If you are interested please contact me with details (preferably something more than just the generic "I have a project you might be interested in..."). I've found that I work best when I actually connect with the people I work for :)<br />
<br />
Copyright © 2007 by Melissa Hie | All Rights Reserved<br />
script by <a href="http://www.mootools.net/">mootools.net</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://getfirefox.com/">Get Firefox</a>
</p>
</div>
<div class="navigator"><div id="gotohome"><img src="images/button_home.gif" alt="go back home" /></div></div>
</div>
</div>
<!-- PRINT -->
<div id="print" class="positioning">
<div class="inside">
<div id="sliderPrf6" class="slider"><img src="images/print/phirhofall06.jpg" id="prf6out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
click on the image to close</div>
<div id="sliderPrs7" class="slider"><img src="images/print/phirhospring07.jpg" id="prs7out" alt="Phi Sigma Rho Rush Flyer" /><br /><br />
click on the image to close</div>
<img src="images/title_print.gif" alt="Print Design" />
<div class="header">my printed works</div>
<div class="text">
<div id="prf6in" class="button"><img src="images/thumb/phirhofall06.jpg" alt="Phi Sigma Rho Rush Flyer" /></div> <div id="prs7in" class="button"><img src="images/thumb/phirhofall07.jpg" alt="Phi Sigma Rho Rush Flyer" /></div>
</div>
<div class="navigator"><div id="gotoabout"><img src="images/button_about.gif" alt="Skillsets" /></div></div>
</div>
</div>
<div id="skills" class="positioning">
<div class="inside">
<img src="images/title_skills.gif" alt="Skills" />
<div class="header"></div>
<div class="text">
<ul id="purple">
<li>Advanced knowledge in (X)HTML, CSS</li>
<li>Comfortable with hand-coding (X)HTML and CSS from scratch</li>
<li>Working knowledge of PHP and MySQL</li>
<li>Proficiency in Adobe Photoshop</li>
<li>Dedicated, fast learner, detail oriented</li>
<li>Languages: English (proficient), Indonesian (proficient), Japanese (intermediate)</li>
</ul>
</div>
<div class="navigator"><div id="gotocontact"><img src="images/button_contact.gif" alt="contact me" /></div></div>
</div>
</div>
</div>
<script type="text/javascript">
// navigations
var skroll = new Fx.Scroll(window, {duration: 1500, wait: false, transition: Fx.Transitions.quadInOut});
// website layouts
var EvaSlider = new Fx.Slide('sliderEva', {duration: 1000, transition: Fx.Transitions.bounceOut});
var st4r = new Fx.Slide('sliderst4r', {duration: 1000, transition: Fx.Transitions.bounceOut});
var rickSlider = new Fx.Slide('sliderRick', {duration: 1000, transition: Fx.Transitions.bounceOut});
var lakiffSlider = new Fx.Slide('sliderLakiff', {duration: 1000, transition: Fx.Transitions.bounceOut});
$('gotohome').addEvent('click', function(){ skroll.toElement('start'); });
$('gotoabout').addEvent('click', function(){ skroll.toElement('about'); });
$('gotowork').addEvent('click', function(){ skroll.toElement('work'); EvaSlider.hide(); st4r.hide();rickSlider.hide();lakiffSlider.hide();prf6Slider.hide();prs7Slider.hide(); });
$('gotocontact').addEvent('click', function(){ skroll.toElement('contact'); });
$('gotoprint').addEvent('click', function(){ skroll.toElement('print'); });
$('gotoskills').addEvent('click', function(){ skroll.toElement('skills'); });
$('evacarein').addEvent('click', function(){ st4r.hide();rickSlider.hide(); lakiffSlider.hide();EvaSlider.toggle(); });
$('evacareout').addEvent('click', function(){ st4r.hide();rickSlider.hide(); lakiffSlider.hide();EvaSlider.toggle(); });
$('st4rin').addEvent('click', function(){ EvaSlider.hide();rickSlider.hide();lakiffSlider.hide();st4r.toggle(); });
$('st4rout').addEvent('click', function(){ EvaSlider.hide();rickSlider.hide();lakiffSlider.hide();st4r.toggle(); });
$('rickin').addEvent('click', function(){ st4r.hide();EvaSlider.hide();lakiffSlider.hide();rickSlider.toggle(); });
$('rickout').addEvent('click', function(){ st4r.hide();EvaSlider.hide();lakiffSlider.hide();rickSlider.toggle(); });
$('lakiffin').addEvent('click', function(){ st4r.hide();EvaSlider.hide();rickSlider.hide();lakiffSlider.toggle(); });
$('lakiffout').addEvent('click', function(){ st4r.hide();EvaSlider.hide();rickSlider.hide();lakiffSlider.toggle(); });
//print
var prf6Slider = new Fx.Slide('sliderPrf6', {duration: 1000, transition: Fx.Transitions.bounceOut});
var prs7Slider = new Fx.Slide('sliderPrs7', {duration: 1000, transition: Fx.Transitions.bounceOut});
$('prf6in').addEvent('click', function(){ prf6Slider.toggle();prs7Slider.hide(); });
$('prf6out').addEvent('click', function(){ prf6Slider.toggle();prs7Slider.hide(); });
$('prs7in').addEvent('click', function(){ prf6Slider.hide();prs7Slider.toggle(); });
$('prs7out').addEvent('click', function(){ prf6Slider.hide();prs7Slider.toggle(); });
</script>
</body>
</html>
JS代码(mootools.r420.js):
//MooTools,My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti,<http://mad4milk.net>,MIT Style License.eval(function(p,a,c,k,e,d){
e=function(c){
return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))}
;
if(!''.replace(/^/,String)){
while(c--){
d[e(c)]=k[c]||e(c)}
k=[function(e){
return d[e]}
];
e=function(){
return'\\w+'}
;
c=1}
;
while(c--){
if(k[c]){
p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}
}
return p}
('n 8i={
8x:\'1.8u\'}
;
n 15=k(1s){
n 3K=k(){
m(G[0]!==1l&&6.1F&&$q(6.1F)==\'k\')h 6.1F.2V(6,G);
O h 6}
;
$M(3K,6);
3K.X=1s;
h 3K}
;
15.1U=k(){
}
;
15.X={
M:k(1s){
n 3L=T 6(1l);
K(n u 1d 1s){
n 4V=3L[u];
3L[u]=$4U(4V,1s[u])}
h T 15(3L)}
,2U:k(1s){
$M(6.X,1s)}
}
;
k $q(Q){
m(Q==3B)h P;
n q=3s Q;
m(q==\'1P\'){
m(Q.2v)h\'L\';
m(Q.18)h\'U\';
m(Q.7U){
1W(Q.3S){
11 1:h\'L\';
11 3:h Q.7P.Y(/\\S/)?\'81\':\'8a\'}
}
}
m((q==\'1P\'||q==\'k\')&&Q.85)h\'99\';
h q}
;
k $2s(){
n 2Y={
}
;
K(n i=0;
i<G.H;
i++){
K(n u 1d G[i]){
n 3x=G[i][u];
n 3J=2Y[u];
m(3J&&$q(3x)==\'1P\'&&$q(3J)==\'1P\')2Y[u]=$2s(3J,3x);
O 2Y[u]=3x}
}
h 2Y}
;
k $4U(21,2q){
m(21&&21!=2q){
n 4v=$q(21);
n 4H=$q(2q);
m(4v==\'k\'&&4H==\'k\'){
n 4m=k(){
6.1V=G.6F.1V;
h 2q.2V(6,G)}
;
4m.1V=21;
h 4m}
O m(4v==\'1P\'&&4H==\'1P\'){
h $2s(21,2q)}
}
h 2q}
;
n $M=4P.M=k(){
n J=G;
m(!J[1])J=[6,J[0]];
K(n u 1d J[1])J[0][u]=J[1][u];
h J[0]}
;
n $3F=4P.7l=k(){
K(n i=0;
i<G.H;
i++)G[i].M=$3F.M}
;
$3F.M=k(14){
K(n 1k 1d 14){
m(!6.X[1k])6.X[1k]=14[1k]}
}
;
$3F(4f,1H,42,5y,15);
n 24=k(Q){
Q=Q||{
}
;
Q.M=$M;
h Q}
;
n 7B=T 24(R);
n 7C=T 24(I);
k $2A(Q){
h!!(Q||Q===0)}
;
k $3N(Q,4R){
h(Q!=3B)?Q:4R}
;
k $4a(2M,1K){
h E.7i(E.4a()*(1K-2M+1)+2M)}
;
k $1B(){
h T 3O().4T()}
;
k $2m(2C,4W){
m($q(2C)!=\'1P\')h 2y(2C);
6.3P=6.3P||{
6U:\'7e\',7g:\'8H\',77:\'3O\',78:\'76\',74:\'72\',73:\'79\',7a:\'7f\'}
;
n 3E=T 3O();
K(n 2n 1d 2C){
n v=6.3P[2n];
m(v)3E[\'3z\'+v](3E[\'7d\'+v]()+$3N(2C[2n],0))}
h 2y((3E.4T()-$1B())/(4W?1:67))}
k $6e(1M){
70(1M);
6Q(1M);
h 1l}
;
m(R.6R)R.1Z=R[R.6P?\'6O\':\'4J\']=1b;
O m(I.5p&&!I.6M&&!6N.6S)R.26=1b;
O m(I.6T!=1l)R.60=1b;
R.6Y=!!(I.6Z);
m(3s 2Q==\'3B\'){
n 2Q=15.1U;
m(R.26)I.5g("6X");
2Q.X=(R.26)?R["[[6W.X]]"]:{
}
}
2Q.X.2v=1b;
m(R.4J)5s{
I.6V("7h",P,1b)}
5t(e){
}
;
n 65=T 15({
7D:k(v){
6.28=6.28||[];
6.28.18(v);
h 6}
,5L:k(){
m(6.28&&6.28.H)6.28.4S().1w(10,6)}
,7E:k(){
6.28=[]}
}
);
n 1e=T 15({
29:k(q,v){
m(v!=15.1U){
6.$N=6.$N||{
}
;
6.$N[q]=6.$N[q]||[];
6.$N[q].44(v)}
h 6}
,1R:k(q,J,1w){
m(6.$N&&6.$N[q]){
6.$N[q].1v(k(v){
v.1L({
\'F\':6,\'1w\':1w,\'G\':J}
)()}
,6)}
h 6}
,2E:k(q,v){
m(6.$N&&6.$N[q])6.$N[q].2a(v);
h 6}
}
);
n 66=T 15({
4x:k(){
n J=(G.H==1)?[6.B,G[0]]:G;
6.B=$2s.2V(6,J);
m(6.29){
K(n 2P 1d 6.B){
m(($q(6.B[2P])==\'k\')&&2P.Y(/^3Z[A-Z]/))6.29(2P,6.B[2P])}
}
h 6}
}
);
1H.M({
4b:k(v,F){
K(n i=0,j=6.H;
i<j;
i++)v.1u(F,6[i],i,6)}
,5f:k(v,F){
n 2r=[];
K(n i=0,j=6.H;
i<j;
i++){
m(v.1u(F,6[i],i,6))2r.18(6[i])}
h 2r}
,2R:k(v,F){
n 2r=[];
K(n i=0,j=6.H;
i<j;
i++)2r[i]=v.1u(F,6[i],i,6);
h 2r}
,2z:k(v,F){
K(n i=0,j=6.H;
i<j;
i++){
m(!v.1u(F,6[i],i,6))h P}
h 1b}
,7z:k(v,F){
K(n i=0,j=6.H;
i<j;
i++){
m(v.1u(F,6[i],i,6))h 1b}
h P}
,33:k(1J,V){
V=V||0;
n 2W=6.H;
m(V<0)V=E.1K(0,2W+V);
3g(V<2W){
m(6[V]===1J)h V;
V++}
h-1}
,5i:k(17,H){
17=17||0;
m(17<0)17=6.H+17;
H=H||(6.H-17);
n 47=[];
K(n i=0;
i<H;
i++)47[i]=6[17++];
h 47}
,2a:k(1J){
n i=0;
n 2W=6.H;
3g(i<2W){
m(6[i]&&6[i]===1J)6.4k(i,1);
O i++}
h 6}
,Y:k(1J,V){
h 6.33(1J,V)!=-1}
,7G:k(1f){
n Q={
}
,H=E.2M(6.H,1f.H);
K(n i=0;
i<H;
i++)Q[1f[i]]=6[i];
h Q}
,M:k(U){
K(n i=0,j=U.H;
i<j;
i++)6.18(U[i]);
h 6}
,2s:k(U){
K(n i=0,l=U.H;
i<l;
i++)6.44(U[i]);
h 6}
,44:k(1J){
m(!6.H||!6.Y(1J))6.18(1J);
h 6}
,7K:k(){
h 6[$4a(0,6.H-1)]}
,5m:k(){
h 6[6.H-1]}
}
);
1H.X.1v=1H.X.4b;
1H.X.7H=1H.X.2a;
k $A(U,17,H){
h 1H.X.5i.1u(U,17,H)}
;
k $1v(2t,v,F){
m(2t.H!=3B)1H.X.4b.1u(2t,v,F);
O K(n 1h 1d 2t)v.1u(F||2t,2t[1h],1h)}
;
42.M({
Y:k(3D,5k){
h((3s 3D==\'2o\')?T 5e(3D,5k):3D).Y(6)}
,20:k(){
h 2y(6,10)}
,4X:k(){
h 4d(6)}
,3U:k(){
h 6.2c(/-\\D/g,k(1I){
h 1I.41(1).5q()}
)}
,4l:k(){
h 6.2c(/\\w[A-Z]/g,k(1I){
h(1I.41(0)+\'-\'+1I.41(1).2B())}
)}
,5w:k(){
h 6.2B().2c(/\\b[a-z]/g,k(1I){
h 1I.5q()}
)}
,5r:k(){
h 6.2c(/^\\s+|\\s+$/g,\'\')}
,4c:k(){
h 6.2c(/\\s{
2,}
/g,\' \').5r()}
,3a:k(U){
n 1D=6.1I(/\\d{
1,3}
/g);
h(1D)?1D.3a(U):P}
,4g:k(U){
n 2g=6.1I(/^#?(\\w{
1,2}
)(\\w{
1,2}
)(\\w{
1,2}
)$/);
h(2g)?2g.7v(1).4g(U):P}
,58:k(2o,s){
s=s||\' \';
h(s+6+s).33(s+2o+s)>-1}
}
);
1H.M({
3a:k(U){
m(6.H<3)h P;
m(6[3]&&(6[3]==0)&&!U)h\'6L\';
n 2g=[];
K(n i=0;
i<3;
i++){
n 3G=(6[i]-0).3i(16);
2g.18((3G.H==1)?\'0\'+3G:3G)}
h U?2g:\'#\'+2g.34(\'\')}
,4g:k(U){
m(6.H!=3)h P;
n 1D=[];
K(n i=0;
i<3;
i++){
1D.18(2y((6[i].H==1)?6[i]+6[i]:6[i],16))}
h U?1D:\'1D(\'+1D.34(\',\')+\')\'}
}
);
5y.M({
20:k(){
h 2y(6)}
,4X:k(){
h 4d(6)}
}
);
4f.M({
1L:k(B){
n v=6;
B=$2s({
\'F\':v,\'r\':P,\'G\':1l,\'1w\':P,\'2u\':P,\'3A\':P}
,B);
m($2A(B.G)&&$q(B.G)!=\'U\')B.G=[B.G];
h k(r){
n J;
m(B.r){
r=r||R.r;
J=[(B.r===1b)?r:T B.r(r)];
m(B.G)J=J.54(B.G)}
O J=B.G||G;
n 1G=k(){
h v.2V($3N(B.F,v),J)}
;
m(B.1w)h 6o(1G,$2m(B.1w));
m(B.2u)h 6n(1G,$2m(B.2u));
m(B.3A)5s{
h 1G()}
5t(6l){
h P}
;
h 1G()}
}
,6K:k(J,F){
h 6.1L({
\'G\':J,\'F\':F}
)}
,3A:k(J,F){
h 6.1L({
\'G\':J,\'F\':F,\'3A\':1b}
)()}
,F:k(F,J){
h 6.1L({
\'F\':F,\'G\':J}
)}
,3W:k(F,J){
h 6.1L({
\'F\':F,\'r\':1b,\'G\':J}
)}
,1w:k(1w,F,J){
h 6.1L({
\'1w\':1w,\'F\':F,\'G\':J}
)()}
,2u:k(5h,F,J){
h 6.1L({
\'2u\':5h,\'F\':F,\'G\':J}
)()}
}
);
n C=T 15({
1F:k(o,14){
m(R.1Z&&14&&(14.1h||14.q)){
n 1h=(14.1h)?\' 1h="\'+14.1h+\'"\':\'\';
n q=(14.q)?\' q="\'+14.q+\'"\':\'\';
45 14.1h;
45 14.q;
o=\'<\'+o+1h+q+\'>\'}
o=$(I.5g(o));
m(!14)h o;
K(n 1k 1d 14){
1W(1k){
11\'64\':o.5b(14[1k]);
1q;
11\'N\':m(o.4y)o.4y(14[1k]);
1q;
11\'1s\':o.5z(14[1k]);
1q;
4u:o.35(1k,14[1k])}
}
h o}
}
);
k $(o){
m(!o)h P;
m(o.2v)h 1z.2j(o);
m([R,I].Y(o))h o;
n q=$q(o);
m(q==\'2o\'){
o=I.6C(o);
q=(o)?\'L\':P}
m(q!=\'L\')h P;
m(o.2v)h 1z.2j(o);
m([\'1P\',\'6y\'].Y(o.4L.2B()))h o;
$M(o,C.X);
o.2v=1b;
h 1z.2j(o)}
;
n 2i=T 15({
}
);
2i.M=15.X.2U;
I.4D=I.5o;
k $$(){
m(!G)h P;
m(G.H==1&&3s G[0]==\'2o\')h I.4D(G[0]);
n 12=[];
K(n i=0,j=G.H;
i<j;
i++){
n 1Q=G[i];
1W($q(1Q)){
11\'L\':12.18(1Q);
1q;
11\'6B\':1q;
11 P:1q;
11\'2o\':1Q=I.4D(1Q,1b);
4u:12=12.54((1Q.18)?1Q:$A(1Q))}
}
h $$.$$(12)}
;
$$.$$=k(U){
n 12=[];
K(n i=0,l=U.H;
i<l;
i++){
m(U[i].$4F)6x;
U[i].$4F=1b;
n L=$(U[i]);
m(L)12.18(L)}
K(n i=0,l=12.H;
i<l;
i++)12[i].$4F=1l;
h $M(12,T 2i)}
;
2i.55=k(u){
h k(){
n J=G;
n 3w=[];
n 12=1b;
K(n i=0,j=6.H,1G;
i<j;
i++){
1G=6[i][u].2V(6[i],J);
m($q(1G)!=\'L\')12=P;
3w.18(1G)}
;
h(12)?$$.$$(3w):3w}
}
;
C.M=k(1s){
K(n u 1d 1s){
2Q.X[u]=1s[u];
C.X[u]=1s[u];
2i.X[u]=2i.55(u)}
}
;
C.M({
3r:k(o,56){
o=$(o);
1W(56){
11\'52\':o.1N.4n(6,o);
1q;
11\'4Y\':n 2G=o.5j();
m(!2G)o.1N.3V(6);
O o.1N.4n(6,2G);
1q;
11\'1x\':n 4o=o.5l;
m(4o){
o.4n(6,4o);
1q}
4u:o.3V(6)}
h 6}
,6r:k(o){
h 6.3r(o,\'52\')}
,62:k(o){
h 6.3r(o,\'4Y\')}
,51:k(o){
h 6.3r(o,\'8S\')}
,5K:k(){
$$.$$(G).51(6);
h 6}
,2a:k(){
h 6.1N.8R(6)}
,8Q:k(57){
h $(6.8U(57!==P))}
,8V:k(o){
o=$(o);
6.1N.8Z(o,6);
h o}
,8Y:k(2S){
m(R.1Z){
1W(6.4K()){
11\'W\':6.8X.8W=2S;
h 6;
11\'8P\':6.35(\'2S\',2S);
h 6}
}
6.3V(I.7O(2S));
h 6}
,3X:k(1a){
h 6.1a.58(1a)}
,59:k(1a){
m(!6.3X(1a))6.1a=(6.1a+\' \'+1a).4c();
h 6}
,5c:k(1a){
6.1a=6.1a.2c(T 5e(\'(^|\\\\s)\'+1a+\'(?:\\\\s|$)\'),\'$1\').4c();
h 6}
,8F:k(1a){
h 6.3X(1a)?6.5c(1a):6.59(1a)}
,2D:k(u,19){
1W(u){
11\'1p\':h 6.5v(4d(19));
11\'8E\':u=(R.1Z)?\'8I\':\'8J\'}
u=u.3U();
1W($q(19)){
11\'5U\':m(![\'8N\',\'5d\'].Y(u))19+=\'2Z\';
1q;
11\'U\':19=\'1D(\'+19.34(\',\')+\')\'}
6.W[u]=19;
h 6}
,5b:k(2x){
h C.3p(6,\'2D\',2x)}
,5v:k(1p){
m(1p==0){
m(6.W.30!="4E")6.W.30="4E"}
O{
m(6.W.30!="5a")6.W.30="5a"}
m(!6.3m||!6.3m.8K)6.W.5d=1;
m(R.1Z)6.W.5f=(1p==1)?\'\':"91(1p="+1p*9h+")";
6.W.1p=6.$.1p=1p;
h 6}
,1y:k(u){
u=u.3U();
n W=6.W[u];
m(!$2A(W)){
m(u==\'1p\')h 6.$.1p;
n 4B=[\'1x\',\'3n\',\'3Q\',\'1C\'];
n 1m=[];
m([\'1E\',\'5u\'].Y(u)){
4B.1v(k(31){
1m.18(6.1y(u+\'-\'+31))}
,6)}
O m(u.Y(/3h/)){
n 2k=u.4l().9g(\'-\');
2k=2k.2a(2k[0]);
n 4A=k(o,u){
n 4C=[];
[\'1O\',\'W\',\'5x\'].1v(k(1k,i){
4C.18(o.1y(u+\'-\'+1k))}
);
h 4C}
;
m(!2k[0]){
4B.1v(k(31){
1m.18(4A(6,u+\'-\'+31))}
,6)}
O m(!2k[1]){
1m=4A(6,u)}
}
m(1m.H){
n 2z=1m.2z(k(4Z){
h 4Z.3i()==1m[0].3i()}
);
m(!2z&&u==\'3h\')h P;
m(2z)1m=1m[0];
h 1m.3i().2c(/,/9i,\' \')}
m(I.53)W=I.53.9j(6,1l).9n(u.4l());
O m(6.3m)W=6.3m[u]}
m(R.1Z&&!$2A(2y(W))){
m([\'3t\',\'1O\'].Y(u)){
n 1i=(u==\'1O\')?[\'1C\',\'3n\']:[\'1x\',\'3Q\'];
n 2f=0;
1i.1v(k(19){
2f+=6.1y(\'3h-\'+19+\'-1O\').20()+6.1y(\'5u-\'+19).20()}
,6);
h 6[\'23\'+u.5w()]-2f+\'2Z\'}
O m(u.Y(/3h-[\\w]-1O/)){
h 0+\'2Z\'}
}
h(W&&u.Y(/5x/i)&&W.Y(/1D/))?W.3a():W}
,69:k(){
h C.43(6,\'1y\',G)}
,2I:k(36,17){
36+=\'93\';
n o=(17)?6[17]:6[36];
3g(o&&$q(o)!=\'L\')o=o[36];
h $(o)}
,97:k(){
h 6.2I(\'21\')}
,5j:k(){
h 6.2I(\'2G\')}
,9a:k(){
h 6.2I(\'2G\',\'5l\')}
,5m:k(){
h 6.2I(\'21\',\'98\')}
,8C:k(){
h $(6.1N)}
,8B:k(){
h $$(6.5p)}
,49:k(o){
h!!$A(6.5o(\'*\')).Y(o)}
,5n:k(u){
h(C.2d[u])?6[C.2d[u]]:6.83(u)}
,86:k(u){
m(C.2d[u])6[C.2d[u]]=\'\';
O 6.87(u);
h 6}
,8b:k(){
h C.43(6,\'5n\',G)}
,35:k(u,19){
m(C.2d[u])6[C.2d[u]]=19;
O 6.89(u,19);
h 6}
,5z:k(2x){
h C.3p(6,\'35\',2x)}
,7T:k(){
6.7S=$A(G).34(\'\');
h 6}
,4K:k(){
h 6.4L.2B()}
}
);
C.43=k(o,3b,1f){
n 1m={
}
;
$1v(1f,k(1r){
1m[1r]=o[3b](1r)}
);
h 1m}
;
C.3p=k(o,3b,4e){
K(n 1r 1d 4e)o[3b](1r,4e[1r]);
h o}
;
C.2d=T 24({
\'8d\':\'1a\',\'19\':\'19\',\'K\':\'8t\'}
);
C.3f={
4h:k(q,v){
m(6.3Y)6.3Y(q,v,P);
O 6.8s(\'3Z\'+q,v);
h 6}
,5W:k(q,v){
m(6.4N)6.4N(q,v,P);
O 6.8v(\'3Z\'+q,v);
h 6}
}
;
R.M(C.3f);
I.M(C.3f);
C.M(C.3f);
C.1e=T 24({
}
);
n 1z={
12:[],2j:k(o){
m(!o.$){
1z.12.18(o);
o.$={
\'1p\':1}
}
h o}
,4M:k(12){
K(n i=0,j=12.H,o;
i<j;
i++){
m(!(o=12[i])||!o.$)h;
m(o.$N){
o.1R(\'8q\');
o.4G()}
K(n p 1d o.$)o.$[p]=1l;
K(n p 1d C.X)o[p]=1l;
o.2v=o.$=1l}
}
,1U:k(){
1z.2j(R);
1z.2j(I);
1z.4M(1z.12)}
}
;
R.4h(\'8g\',1z.1U);
n 2b=T 15({
1F:k(r){
r=r||R.r;
6.r=r;
6.q=r.q;
6.1T=r.1T||r.8f;
m(6.1T.3S==3)6.1T=6.1T.1N;
6.4S=r.8k;
6.8o=r.8n;
6.8m=r.8l;
6.9o=r.7W;
m([\'5X\',\'2H\'].Y(6.q)){
6.7X=r.4Q?(r.4Q/(R.4r?-4O:4O)):-(r.7R||0)/ 3}
O m (6.q.Y(/1r/)){
6.3d=r.6i||r.92;
K(n 1h 1d 2b.1f){
m(2b.1f[1h]==6.3d){
6.1r=1h;
1q}
}
m(6.q==\'8M\'){
n 3y=6.3d-8T;
m(3y>0&&3y<13)6.1r=\'f\'+3y}
6.1r=6.1r||42.9k(6.3d).2B()}
O m(6.q.Y(/(7V|7Z|8j)/)){
6.8e={
\'x\':r.4I||r.6a+I.1n.2F,\'y\':r.4s||r.5A+I.1n.2X}
;
6.8h={
\'x\':r.4I?r.4I-R.5G:r.6a,\'y\':r.4s?r.4s-R.5E:r.5A}
;
6.8p=(r.6i==3)||(r.8y==2);
1W(6.q){
11\'5R\':6.1o=r.1o||r.8z;
1q;
11\'5S\':6.1o=r.1o||r.6g}
m(6.1o&&6.1o.3S==3)6.1o=6.1o.1N}
}
,22:k(){
h 6.3e().3c()}
,3e:k(){
m(6.r.3e)6.r.3e();
O 6.r.8A=1b;
h 6}
,3c:k(){
m(6.r.3c)6.r.3c();
O 6.r.8w=P;
h 6}
}
);
2b.1f=T 24({
\'8r\':13,\'8c\':38,\'7Y\':40,\'1C\':37,\'3n\':39,\'7Q\':27,\'80\':32,\'88\':8,\'84\':9,\'45\':46}
);
C.1e.M({
\'5Q\':{
q:\'5R\',2R:k(r){
r=T 2b(r);
m(r.1o==6||6.49(r.1o))h;
6.1R(\'5Q\',r)}
}
,\'5T\':{
q:\'5S\',2R:k(r){
r=T 2b(r);
m(r.1o==6||6.49(r.1o))h;
6.1R(\'5T\',r)}
}
}
);
4f.M({
9b:k(F,J){
h 6.1L({
\'F\':F,\'G\':J,\'r\':2b}
)}
}
);
C.M({
1X:k(x,y){
6.2F=x;
6.2X=y}
,4p:k(){
h{
\'2K\':{
\'x\':6.2F,\'y\':6.2X}
,\'2f\':{
\'x\':6.2L,\'y\':6.2N}
,\'4q\':{
\'x\':6.3j,\'y\':6.3q}
}
}
,2e:k(2w){
2w=2w||[];
n o=6,1C=0,1x=0;
96{
1C+=o.94||0;
1x+=o.95||0;
o=o.9c}
3g(o);
2w.1v(k(L){
1C-=L.2F||0;
1x-=L.2X||0}
);
h{
\'x\':1C,\'y\':1x}
}
,9d:k(){
h 6.2e().y}
,9l:k(){
h 6.2e().x}
,9m:k(2w){
n 3M=6.2e(2w);
n Q={
\'1O\':6.2L,\'3t\':6.2N,\'1C\':3M.x,\'1x\':3M.y}
;
Q.3n=Q.1C+Q.1O;
Q.3Q=Q.1x+Q.3t;
h Q}
}
);
C.3l={
29:k(q,v){
6.$N=6.$N||{
}
;
6.$N[q]=6.$N[q]||{
\'1f\':[],\'1i\':[]}
;
m(6.$N[q].1f.Y(v))h 6;
6.$N[q].1f.18(v);
n 3T=q;
n 1Y=P;
m(C.1e[q]){
m(C.1e[q].5V)C.1e[q].5V.1u(6,v);
m(C.1e[q].2R)1Y=C.1e[q].2R.3W(6);
3T=C.1e[q].q||q}
m(!6.3Y)1Y=1Y||v.3W(6);
O 1Y=1Y||v;
6.$N[q].1i.18(1Y);
h 6.4h(3T,1Y)}
,2E:k(q,v){
m(!6.$N||!6.$N[q])h 6;
n 3o=6.$N[q].1f.33(v);
m(3o==-1)h 6;
n 1r=6.$N[q].1f.4k(3o,1)[0];
n 19=6.$N[q].1i.4k(3o,1)[0];
m(C.1e[q]){
m(C.1e[q].2a)C.1e[q].2a.1u(6,v);
q=C.1e[q].q||q}
h 6.5W(q,19)}
,4y:k(2x){
h C.3p(6,\'29\',2x)}
,4G:k(q){
m(!6.$N)h 6;
m(q){
m(6.$N[q]){
6.$N[q].1f.1v(k(v){
6.2E(q,v)}
,6);
6.$N[q]=1l}
}
O{
K(n 61 1d 6.$N)6.4G(61);
6.$N=1l}
h 6}
,1R:k(q,J){
m(6.$N&&6.$N[q]){
6.$N[q].1f.1v(k(v){
v.F(6,J)()}
,6)}
}
}
;
C.1e.2H={
q:(R.60)?\'5X\':\'2H\'}
;
R.M(C.3l);
I.M(C.3l);
C.M(C.3l);
R.M({
5D:k(){
m(6.26)h 6.9e;
m(6.4r)h I.3k.5O;
h I.1n.5O}
,5B:k(){
m(6.26)h 6.9f;
m(6.4r)h I.3k.5F;
h I.1n.5F}
,5C:k(){
m(6.1Z)h E.1K(I.1n.2L,I.1n.3j);
m(6.26)h I.3k.3j;
h I.1n.3j}
,5H:k(){
m(6.1Z)h E.1K(I.1n.2N,I.1n.3q);
m(6.26)h I.3k.3q;
h I.1n.3q}
,5I:k(){
h 6.5G||I.1n.2F}
,5N:k(){
h 6.5E||I.1n.2X}
,4p:k(){
h{
\'2f\':{
\'x\':6.5D(),\'y\':6.5B()}
,\'4q\':{
\'x\':6.5C(),\'y\':6.5H()}
,\'2K\':{
\'x\':6.5I(),\'y\':6.5N()}
}
}
,2e:k(){
h{
\'x\':0,\'y\':0}
}
}
);
n 1g={
}
;
1g.2l=T 24({
90:k(t,b,c,d){
h c*t/d+b}
,63:k(t,b,c,d){
h-c/2*(E.5Z(E.1A*t/d)-1)+b}
}
);
1g.2h=T 15({
B:{
4w:15.1U,4i:15.1U,6b:15.1U,5J:1g.2l.63,2m:8L,2n:\'2Z\',4j:1b,6j:50}
,1F:k(B){
6.L=6.L||1l;
6.4x(B);
m(6.B.1F)6.B.1F.1u(6)}
,6f:k(){
n 1B=$1B();
m(1B<6.1B+6.B.2m){
6.6d=1B-6.1B;
6.3I();
6.2T()}
O{
6.22(1b);
6.1t=6.1j;
6.2T();
6.1R(\'4i\',6.L,10);
6.5L()}
}
,3z:k(1j){
6.1t=1j;
6.2T();
h 6}
,3I:k(){
6.1t=6.3v(6.V,6.1j)}
,3v:k(V,1j){
h 6.B.5J(6.6d,V,(1j-V),6.B.2m)}
,17:k(V,1j){
m(!6.B.4j)6.22();
O m(6.1M)h 6;
6.V=V;
6.1j=1j;
6.1B=$1B();
6.1M=6.6f.2u(E.8D(67/6.B.6j),6);
6.1R(\'4w\',6.L);
h 6}
,22:k(3H){
m(!6.1M)h 6;
6.1M=$6e(6.1M);
m(!3H)6.1R(\'6b\',6.L);
h 6}
,8G:k(V,1j){
h 6.17(V,1j)}
,8O:k(3H){
h 6.22(3H)}
}
);
1g.2h.2U(T 65);
1g.2h.2U(T 1e);
1g.2h.2U(T 66);
1g.82=1g.2h.M({
1F:k(L,B){
6.1t=[];
6.L=$(L);
6.29(\'4w\',k(){
6.L.29(\'2H\',6.22.F(6,P))}
.F(6));
6.2E(\'4i\',k(){
6.L.2E(\'2H\',6.22.F(6,P))}
.F(6));
6.1V(B)}
,3I:k(){
K(n i=0;
i<2;
i++)6.1t[i]=6.3v(6.V[i],6.1j[i])}
,1X:k(x,y){
m(6.1M&&6.B.4j)h 6;
n o=6.L.4p();
n 1i={
\'x\':x,\'y\':y}
;
K(n z 1d o.2f){
n 1K=o.4q[z]-o.2f[z];
m($2A(1i[z]))1i[z]=($q(1i[z])==\'5U\')?E.1K(E.2M(1i[z],1K),0):1K;
O 1i[z]=o.2K[z]}
h 6.17([o.2K.x,o.2K.y],[1i.x,1i.y])}
,6t:k(){
h 6.1X(P,0)}
,6s:k(){
h 6.1X(P,\'6h\')}
,6m:k(){
h 6.1X(0,P)}
,6k:k(){
h 6.1X(\'6h\',P)}
,6g:k(o){
n 1V=6.L.2e();
n 1T=$(o).2e();
h 6.1X(1T.x-1V.x,1T.y-1V.y)}
,2T:k(){
6.L.1X(6.1t[0],6.1t[1])}
}
);
1g.6E=1g.2h.M({
B:{
1c:\'5M\'}
,1F:k(o,B){
6.L=$(o);
6.2p=T C(\'6G\',{
\'64\':$M(6.L.69(\'1E\'),{
\'6H\':\'4E\'}
)}
).62(6.L).5K(6.L);
6.L.2D(\'1E\',0);
6.4x(B);
6.1t=[];
6.1V(6.B)}
,3I:k(){
K(n i=0;
i<2;
i++)6.1t[i]=6.3v(6.V[i],6.1j[i])}
,5M:k(){
6.1E=\'1E-1x\';
6.2J=\'3t\';
6.23=6.L.2N}
,6w:k(){
6.1E=\'1E-1C\';
6.2J=\'1O\';
6.23=6.L.2L}
,5P:k(1c){
6[1c||6.B.1c]();
h 6.17([6.L.1y(6.1E).20(),6.2p.1y(6.2J).20()],[0,6.23])}
,5Y:k(1c){
6[1c||6.B.1c]();
h 6.17([6.L.1y(6.1E).20(),6.2p.1y(6.2J).20()],[-6.23,0])}
,6D:k(1c){
6[1c||6.B.1c]();
h 6.3z([-6.23,0])}
,6I:k(1c){
6[1c||6.B.1c]();
h 6.3z([0,6.23])}
,6v:k(1c){
m(6.2p.2N==0||6.2p.2L==0)h 6.5P(1c);
h 6.5Y(1c)}
,2T:k(){
6.L.2D(6.1E,6.1t[0]+6.B.2n);
6.2p.2D(6.2J,6.1t[1]+6.B.2n)}
}
);
1g.2l.M({
6u:k(t,b,c,d){
h c*(t/=d)*t+b}
,6q:k(t,b,c,d){
h-c*(t/=d)*(t-2)+b}
,6p:k(t,b,c,d){
m((t/=d/ 2) < 1) h c /2*t*t+b;
h-c/2*((--t)*(t-2)-1)+b}
,6z:k(t,b,c,d){
h c*(t/=d)*t*t+b}
,7N:k(t,b,c,d){
h c*((t=t/d-1)*t*t+1)+b}
,7s:k(t,b,c,d){
m((t/=d/ 2) < 1) h c /2*t*t*t+b;
h c/2*((t-=2)*t*t+2)+b}
,7r:k(t,b,c,d){
h c*(t/=d)*t*t*t+b}
,7t:k(t,b,c,d){
h-c*((t=t/d-1)*t*t*t-1)+b}
,7u:k(t,b,c,d){
m((t/=d/ 2) < 1) h c /2*t*t*t*t+b;
h-c/2*((t-=2)*t*t*t-2)+b}
,7w:k(t,b,c,d){
h c*(t/=d)*t*t*t*t+b}
,7q:k(t,b,c,d){
h c*((t=t/d-1)*t*t*t*t+1)+b}
,7k:k(t,b,c,d){
m((t/=d/ 2) < 1) h c/2*t*t*t*t*t+b;
h c/2*((t-=2)*t*t*t*t+2)+b}
,7j:k(t,b,c,d){
h-c*E.5Z(t/d*(E.1A/2))+c+b}
,7m:k(t,b,c,d){
h c*E.2O(t/d*(E.1A/2))+b}
,7o:k(t,b,c,d){
h(t==0)?b:c*E.1S(2,10*(t/d-1))+b}
,7n:k(t,b,c,d){
h(t==d)?b+c:c*(-E.1S(2,-10*t/d)+1)+b}
,7x:k(t,b,c,d){
m(t==0)h b;
m(t==d)h b+c;
m((t/=d/ 2) < 1) h c /2*E.1S(2,10*(t-1))+b;
h c/2*(-E.1S(2,-10*--t)+2)+b}
,7y:k(t,b,c,d){
h-c*(E.3C(1-(t/=d)*t)-1)+b}
,7I:k(t,b,c,d){
h c*E.3C(1-(t=t/d-1)*t)+b}
,7J:k(t,b,c,d){
m((t/=d/ 2) < 1) h - c /2*(E.3C(1-t*t)-1)+b;
h c/2*(E.3C(1-(t-=2)*t)+1)+b}
,7M:k(t,b,c,d,a,p){
m(t==0)h b;
m((t/=d)==1)h b+c;
p=p||d*0.3;
a=a||1;
m(a<E.4z(c)){
a=c;
n s=p/4}
O n s=p/(2*E.1A)*E.48(c/a);
h-(a*E.1S(2,10*(t-=1))*E.2O((t*d-s)*(2*E.1A)/p))+b}
,7L:k(t,b,c,d,a,p){
m(t==0)h b;
m((t/=d)==1)h b+c;
p=p||d*0.3;
a=a||1;
m(a<E.4z(c)){
a=c;
n s=p/4}
O n s=p/(2*E.1A)*E.48(c/a);
h a*E.1S(2,-10*t)*E.2O((t*d-s)*(2*E.1A)/p)+c+b}
,7F:k(t,b,c,d,a,p){
m(t==0)h b;
m((t/=d/2)==2)h b+c;
p=p||d*(0.3*1.5);
a=a||1;
m(a<E.4z(c)){
a=c;
n s=p/ 4}
O n s = p/(2*E.1A)*E.48(c/a);
m(t<1)h-0.5*(a*E.1S(2,10*(t-=1))*E.2O((t*d-s)*(2*E.1A)/p))+b;
h a*E.1S(2,-10*(t-=1))*E.2O((t*d-s)*(2*E.1A)/p)*0.5+c+b}
,71:k(t,b,c,d,s){
s=s||1.3R;
h c*(t/=d)*t*((s+1)*t-s)+b}
,7c:k(t,b,c,d,s){
s=s||1.3R;
h c*((t=t/d-1)*t*((s+1)*t+s)+1)+b}
,7b:k(t,b,c,d,s){
s=s||1.3R;
m((t/=d/ 2) < 1) h c /2*(t*t*(((s*=1.6c)+1)*t-s))+b;
h c/2*((t-=2)*t*(((s*=1.6c)+1)*t+s)+2)+b}
,68:k(t,b,c,d){
h c-1g.2l.4t(d-t,0,c,d)+b}
,4t:k(t,b,c,d){
m((t/=d)<(1/2.75))h c*(7.3u*t*t)+b;
O m(t<(2/2.75))h c*(7.3u*(t-=(1.5/2.75))*t+0.75)+b;
O m(t<(2.5/2.75))h c*(7.3u*(t-=(2.25/2.75))*t+0.7A)+b;
O h c*(7.3u*(t-=(2.7p/2.75))*t+0.6A)+b}
,6J:k(t,b,c,d){
m(t<d/2)h 1g.2l.68(t*2,0,c,d)*0.5+b;
h 1g.2l.4t(t*2-d,0,c,d)*0.5+c*0.5+b}
}
);
',62,583,'||||||this|||||||||||return|||function||if|var|el||type|event|||property|fn||||||options|Element||Math|bind|arguments|length|document|args|for|element|extend|events|else|false|obj|window||new|array|from|style|prototype|test|||case|elements||props|Class||start|push|value|className|true|mode|in|Events|keys|Fx|name|values|to|prop|null|result|documentElement|relatedTarget|opacity|break|key|properties|now|call|each|delay|top|getStyle|Garbage|PI|time|left|rgb|margin|initialize|returns|Array|match|item|max|create|timer|parentNode|width|object|selector|fireEvent|pow|target|empty|parent|switch|scrollTo|bound|ie|toInt|previous|stop|offset|Abstract||khtml||chains|addEvent|remove|Event|replace|Properties|getPosition|size|hex|Base|Elements|collect|matches|Transitions|duration|unit|string|wrapper|current|results|merge|iterable|periodical|htmlElement|overflown|source|parseInt|every|chk|toLowerCase|data|setStyle|removeEvent|scrollLeft|next|mousewheel|walk|layout|scroll|offsetWidth|min|offsetHeight|sin|option|HTMLElement|map|text|increase|implement|apply|len|scrollTop|mix|px|visibility|dir||indexOf|join|setProperty|brother||||rgbToHex|method|preventDefault|code|stopPropagation|listenerMethods|while|border|toString|scrollWidth|body|eventMethods|currentStyle|right|pos|setMany|scrollHeight|inject|typeof|height|5625|compute|items|ap|fKey|set|attempt|undefined|sqrt|regex|date|native|bit|end|setNow|mp|klass|proto|position|pick|Date|units|bottom|70158|nodeType|realType|camelCase|appendChild|bindAsEventListener|hasClass|addEventListener|on||charAt|String|getMany|include|delete||newArray|asin|hasChild|random|forEach|clean|parseFloat|pairs|Function|hexToRgb|addListener|onComplete|wait|splice|hyphenate|merged|insertBefore|first|getSize|scrollSize|opera|pageY|bounceOut|default|ptype|onStart|setOptions|addEvents|abs|recurse|dirs|temp|getElementsBySelector|hidden|included|removeEvents|ctype|pageX|ie6|getTag|tagName|trash|removeEventListener|120|Object|wheelDelta|picked|shift|getTime|mergeClass|pp|ms|toFloat|after|val||injectInside|before|defaultView|concat|Multi|where|contents|hasListed|addClass|visible|setStyles|removeClass|zoom|RegExp|filter|createElement|interval|copy|getNext|params|firstChild|getLast|getProperty|getElementsByTagName|childNodes|toUpperCase|trim|try|catch|padding|setOpacity|capitalize|color|Number|setProperties|clientY|getHeight|getScrollWidth|getWidth|pageYOffset|clientHeight|pageXOffset|getScrollHeight|getScrollLeft|transition|adopt|callChain|vertical|getScrollTop|clientWidth|slideIn|mouseenter|mouseover|mouseout|mouseleave|number|add|removeListener|DOMMouseScroll|slideOut|cos|gecko|evType|injectAfter|sineInOut|styles|Chain|Options|1000|bounceIn|getStyles|clientX|onCancel|525|cTime|clear|step|toElement|full|which|fps|toRight|err|toLeft|setInterval|setTimeout|quadInOut|quadOut|injectBefore|toBottom|toTop|quadIn|toggle|horizontal|continue|embed|cubicIn|984375|boolean|getElementById|hide|Slide|callee|div|overflow|show|bounceInOut|pass|transparent|all|navigator|ie7|XMLHttpRequest|clearInterval|ActiveXObject|taintEnabled|getBoxObjectFor|years|execCommand|DOMElement|iframe|xpath|evaluate|clearTimeout|backIn|Minutes|seconds|minutes||Hours|days|hours|Seconds|milliseconds|backInOut|backOut|get|FullYear|Milliseconds|months|BackgroundImageCache|floor|sineIn|quintInOut|Native|sineOut|expoOut|expoIn|625|quintOut|quartIn|cubicInOut|quartOut|quartInOut|slice|quintIn|expoInOut|circIn|some|9375|Window|Document|chain|clearChain|elasticInOut|associate|removeItem|circOut|circInOut|getRandom|elasticOut|elasticIn|cubicOut|createTextNode|nodeValue|esc|detail|innerHTML|setHTML|nodeName|click|metaKey|wheel|down|mouse|space|textnode|Scroll|getAttribute|tab|exec|removeProperty|removeAttribute|backspace|setAttribute|whitespace|getProperties|up|class|page|srcElement|unload|client|MooTools|menu|shiftKey|altKey|alt|ctrlKey|control|rightClick|onTrash|enter|attachEvent|htmlFor|1dev|detachEvent|returnValue|version|button|fromElement|cancelBubble|getChildren|getParent|round|float|toggleClass|custom|Month|styleFloat|cssFloat|hasLayout|500|keydown|zIndex|clearTimer|script|clone|removeChild|inside|111|cloneNode|replaceWith|cssText|styleSheet|appendText|replaceChild|linear|alpha|keyCode|Sibling|offsetLeft|offsetTop|do|getPrevious|lastChild|regexp|getFirst|bindWithEvent|offsetParent|getTop|innerWidth|innerHeight|split|100|ig|getComputedStyle|fromCharCode|getLeft|getCoordinates|getPropertyValue|meta'.split('|'),0,{
}
))
CSS代码(styles.css):
html{overflow:hidden;}
body{margin:0;padding:0;background-color:#000;background-image:url(http://melissahie.com/images/bg.gif);}
#container{height:3840px;width:8000px;}
/** PAGE POSITIONING **/
.positioning{position:absolute;width:1920px;height:1200px;}
#start{top:0px;left:0px;background-color:#222;background-image:url(http://melissahie.com/images/bg_butterfly.gif);background-repeat:no-repeat;background-position:bottom right;}
#about{top:1280px;left:0px;background-color:#DD1F8E;background-image:url(http://melissahie.com/images/bg_pink.gif);background-repeat:repeat-y;}
#work{top:1280px;left:2000px;background-color:#00A7E2;background-image:url(http://melissahie.com/images/bg_blue.gif);background-repeat:repeat-y;}
#contact{top:0px;left:2000px;background-color:#84C922;background-image:url(http://melissahie.com/images/bg_green.gif);background-repeat:repeat-y;}
#print{top:0px;left:4000px;background-color:#EE9A10;background-image:url(http://melissahie.com/images/bg_orange.gif);background-repeat:repeat-y;}
#skills{top:1280px;left:4000px;background-color:#620294;background-image:url(http://melissahie.com/images/bg_purple.gif);background-repeat:repeat-y;}
.inside{margin:60px;width:625px;}
.inside .header{font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial;font-size:13pt;color:#FFF;padding-bottom:10px;line-height:25px;}
.inside .text{font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial;font-size:8pt;color:#FFF;text-align:justify;line-height:23px;padding-bottom:10px;height:220px;}
/** list for purple page **/
.inside .text ul#purple li{margin:0;padding:0;list-style-type:none;display:block;padding:2px 10px;border-bottom:1px solid #7C2FA4;}
.inside .text ul#purple li:hover{background-color:#7110A3;color:#E8BFFD;}
/** MOOTOOLS **/
.navigator{float:right;cursor:pointer;display:block;clear:both;}
.button{float:left;cursor:pointer;margin-right:2px;}
.slider{font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial;font-size:8pt;cursor:pointer;margin-bottom:10px;text-align:center;color:#FFF;padding:10px;}
.slider img{border:5px solid #FFF;}
/** LINKS **/
a:link,a:visited{color:#FFF;text-decoration:none;background-color:#000;padding:1px 2px;}
a:hover,a:active{color:#999;text-decoration:none;background-color:#000;padding:1px 2px;}