window.onload = function () {
? ?var omove = document.getElementById("main");
? ?var alist = document.getElementsByTagName("a");
? ?for(var i=0;i<alist.length;i++){
? ? ? ?alist[i].onmouseover = function(){
? ? ? ? ? ?var _this =this.getElementsByTagName("i")[0];
? ? ? ? ? ?startMove(_this,{top:-25,opacity:0},function(){
? ? ? ? ? ? ? ?startMove(_this,{top:25,opacity:1});
? ? ? ? ? ?});
? ? ? ?}
? ?}
}

function getStyle(obj,attr){
? ?if(obj.currentStyle){
? ? ? ?return ?obj.currentStyle[attr];
? ?}else{
? ? ? ?return getComputedStyle(obj,false)[attr];
? ?}
}
function startMove(obj,json,fn) {
? ?var flag = true;
? ?clearInterval(obj.timer);
? ?obj.timer = setInterval(function () {
? ? ? ?for(var attr in json) {
? ? ? ? ? ?//1、取當(dāng)前的值
? ? ? ? ? ?var iucr = 0;
? ? ? ? ? ?if (attr == 'opacity') {
? ? ? ? ? ? ? ?icur = Math.round(parseFloat(getStyle(obj, attr)) * 100);
? ? ? ? ? ?} else {
? ? ? ? ? ? ? ?icur = parseInt(getStyle(obj, attr));
? ? ? ? ? ?}
? ? ? ? ? ?//2、算速度
? ? ? ? ? ?var speed = (json[attr] - icur) / 8;
? ? ? ? ? ?speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);
? ? ? ? ? ?//3、檢測停止
? ? ? ? ? ?if (icur !=json[attr]) {
? ? ? ? ? ? ? ?flag = false;
? ? ? ? ? ?}
? ? ? ? ? ?if (attr == 'opacity') {
? ? ? ? ? ? ? ?obj.style.filter = 'alpha(opacity:' + (icur + speed) + ')';
? ? ? ? ? ? ? ?obj.style.opacity = (icur + speed) / 100;
? ? ? ? ? ?} else {
? ? ? ? ? ? ? ?obj.style[attr] = icur + speed + 'px';
? ? ? ? ? ?}
? ? ? ?}
? ? ? ?if(flag){
? ? ? ? ? ?clearInterval(obj.timer);
? ? ? ? ? ?if(fn){
? ? ? ? ? ? ? ?fn();
? ? ? ? ? ?}
? ? ? ?}
? ?},30);
}