<! 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" c/>
<Title> .cn effect </title>
<Style>
* {Padding: 0; margin: 0; list-style: none; font-size: 12px ;}
# Nav {margin: 50px ;}
# Nav li {padding: 15px 0}
# Nav li a {display: block; cursor: pointer; cursor: hand ;}
# Nav li a span {margin:-15px 0 0-40px; position: absolute; background: url () no-repeat; display: block; height: 33px; width: 40px ;}
</Style>
</Head>
<Body>
<Div id = "nav">
<Ul>
<Li id = "info_1"> <a href = "#"> <span id = "span_1"> </span> Google pinyin </a> </li>
<Li id = "info_2"> <a href = "#"> <span id = "span_2"> </span> Google Toolbar </a> </li>
<Li id = "info_3"> <a href = "#"> <span id = "span_3"> </span> mobile phone location </a> </li>
<Li id = "info_4"> <a href = "#"> <span id = "span_4"> </span> online translation </a> </li>
<Li id = "info_5"> <a href = "#"> <span id = "span_5"> </span> train time </a> </li>
<Li id = "info_6"> <a href = "#"> <span id = "span_6"> </span> network speed test </a> </li>
<Li id = "info_7"> <a href = "#"> <span id = "span_7"> </span> Perpetual calendar </a> </li>
<Li id = "info_8"> <a href = "#"> <span id = "span_8"> </span> unknown </a> </li>
</Ul>
</Div>
<Script language = "JavaScript">
Var info = document. getElementById ('nav ');
Var vFlag = [];
Var runFlag = [];
Function navScrollBg (e, num, flag ){
Var a = [80,120,160,200,240,];
Var spans = document. getElementById ('span _ '+ num );
If (flag = 1 ){
Spans. style. backgroundPosition = (0-a [e]) + 'px '+ ''+ (0-(num-1) * 33) + 'px ';
} Else {
A. sort (function (B, c) {return c-B ;});
Spans. style. backgroundPosition = (0-a [e]) + 'px '+ ''+ (0-(num-1) * 33) + 'px ';
}
}
Function onBg (num, flag, chk ){
If (typeof (runFlag [num]) = 'undefined '){
RunFlag [num] = [];
}
If (typeof (chk) = 'undefined' & flag ){
VFlag [num] = flag;
RunFlag [num] ['F'] = setTimeout ("onBg ('" + num + "', '" + flag + "', 1)", 100 );
Return true;
}
Var m = 0;
If (! Flag ){
If (typeof (vFlag [num]) = 'undefined' |! VFlag [num]) {
Return true;
}
If (runFlag [num] ['F']> = 0 ){
ClearTimeout (runFlag [num] ['F']);
If (vFlag [num]! = 2 ){
Return true;
}
}
For (var I = 6; I> = 0; I --){
If (runFlag [num]> = 0 ){
ClearTimeout (runFlag [num]);
M = I;
}
}
}
For (var e = m; e <7; e ++ ){
RunFlag [num] [e] = setTimeout ("navScrollBg (" + e + "," + num + "," + flag + ")", 40 * e );
}
If (flag ){
VFlag [num] = 2;
} Else {
VFlag [num] = flag;
}
}
</Script>
</Body>
</Html>