请教一段JS鼠标悬浮TIP代码

Question

代码太复杂了，没看懂。
请问怎么把它简化到鼠标悬浮直接出现TIP，取消透明渐变的动作呢？谢谢。<a class="link2" onclick="openreg();" 
onmouseover="mousetip.show('注册享受更多服务');" onmouseout="mousetip.hide();">注&nbsp;&nbsp;&nbsp;&nbsp;册</a>
var mousetip = new mousetip();
function mousetip(){
var id = 'tt';
var top = 0;
var left = -10;
var maxw = 500;
var speed = 100;
var timer = 20;
var endalpha = 80;
var alpha = 0;
var tt,t,c,b,h;
var ie = document.all ? true : false;
this.x = false;
var o = this;
o.x_x = false;

return{
show:function(v,w){
if(this.x){
if(tt == null){
tt = document.createElement('div');
tt.setAttribute('id',id);
t = document.createElement('div');
t.setAttribute('id',id + 'top');
c = document.createElement('div');
c.setAttribute('id',id + 'cont');
b = document.createElement('div');
b.setAttribute('id',id + 'bot');
tt.appendChild(t);
tt.appendChild(c);
tt.appendChild(b);
document.body.appendChild(tt);
tt.style.opacity = 0;
tt.style.filter = 'alpha(opacity=0)';

o.x_x = true;

document.onmousemove = this.pos;
}
tt.style.display = 'block';
c.innerHTML = v;
tt.style.width = w ? w + 'px' : 'auto';
if(!w && ie){
t.style.display = 'none';
b.style.display = 'none';
tt.style.width = tt.offsetWidth;
t.style.display = 'block';
b.style.display = 'block';
}
if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
h = parseInt(tt.offsetHeight) + top;
clearInterval(tt.timer);
tt.timer = setInterval(function(){mousetip.fade(1)},timer);
}
},
pos:function(e){
if( o.x_x ){
var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
tt.style.top = (u - h) + 'px';
tt.style.left = (l + left) + 'px';
}
},
fade:function(d){
if( o.x_x ){
var a = alpha;
if((a != endalpha && d == 1) || (a != 0 && d == -1)){
var i = speed;
if(endalpha - a < speed && d == 1){
i = endalpha - a;
}else if(alpha < speed && d == -1){
i = a;
}
alpha = a + (i * d);
tt.style.opacity = alpha * 0.1;
tt.style.filter = 'alpha(opacity=' + alpha + ')';
}else{
clearInterval(tt.timer);
if(d == -1){tt.style.display = 'none'
}}
}
},
hide:function(){
if( o.x_x ){
clearInterval(tt.timer);
tt.timer = setInterval(function(){mousetip.fade(-1)},timer);
}
}
};
}
 mousetip.x = true;

Answer 1

var mousetip = new mousetip();
function mousetip(){
    var id = 'tt';
    var top = 0;
    var left = -10;
    var maxw = 500;
    var speed = 100;
    var timer = 20;
    var endalpha = 80;
    var alpha = 0;
    var tt,t,c,b,h;
    var ie = document.all ? true : false;
    this.x = false;
    var o = this;
    o.x_x = false;
    
    return{
        show:function(v,w){
            if(this.x){
                if(tt == null){
                    tt = document.createElement('div');
                    tt.setAttribute('id',id);
                    t = document.createElement('div');
                    t.setAttribute('id',id + 'top');
                    c = document.createElement('div');
                    c.setAttribute('id',id + 'cont');
                    b = document.createElement('div');
                    b.setAttribute('id',id + 'bot');
                    tt.appendChild(t);
                    tt.appendChild(c);
                    tt.appendChild(b);
                    document.body.appendChild(tt);
                    
                    o.x_x = true;
                    
                    document.onmousemove = this.pos;
                }
                tt.style.display = 'block';
                c.innerHTML = v;
                tt.style.width = w ? w + 'px' : 'auto';
                if(!w && ie){
                    t.style.display = 'none';
                    b.style.display = 'none';
                    tt.style.width = tt.offsetWidth;
                    t.style.display = 'block';
                    b.style.display = 'block';
                }
                if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
                h = parseInt(tt.offsetHeight) + top;
                tt.style.display = ''
            }
        },
        pos:function(e){
            if( o.x_x ){
                var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
                var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;            
                tt.style.top = (u - h) + 'px';
                tt.style.left = (l + left) + 'px';
            }
        },
        fade:function(d){
            if( o.x_x ){
                var a = alpha;
                if((a != endalpha && d == 1) || (a != 0 && d == -1)){
                    var i = speed;
                    if(endalpha - a < speed && d == 1){
                        i = endalpha - a;
                    }else if(alpha < speed && d == -1){
                        i = a;
                    }
                    alpha = a + (i * d);
                    tt.style.opacity = alpha * 0.1;
                    tt.style.filter = 'alpha(opacity=' + alpha + ')';
                }else{
                    clearInterval(tt.timer);
                    if(d == -1){tt.style.display = 'none'
                }}
            }
        },
        hide:function(){
            if( o.x_x ){
                tt.style.display = 'none'
            }
        }
    };
}
 mousetip.x = true;

Answer 2

var mousetip = new mousetip();
function mousetip(){
    var id = 'tt';
    var top = 0;
    var left = -10;
    var maxw = 500;
    var speed = 100;
    var timer = 20;
    var endalpha = 80;
    var alpha = 0;
    var tt,t,c,b,h;
    var ie = document.all ? true : false;
    this.x = false;
    var o = this;
    o.x_x = false;
    
    return{
        show:function(v,w){
            if(this.x){
                if(tt == null){
                    tt = document.createElement('div');
                    tt.setAttribute('id',id);
                    t = document.createElement('div');
                    t.setAttribute('id',id + 'top');
                    c = document.createElement('div');
                    c.setAttribute('id',id + 'cont');
                    b = document.createElement('div');
                    b.setAttribute('id',id + 'bot');
                    tt.appendChild(t);
                    tt.appendChild(c);
                    tt.appendChild(b);
                    document.body.appendChild(tt);
                    
                    o.x_x = true;
                    
                    document.onmousemove = this.pos;
                }
                tt.style.display = 'block';
                c.innerHTML = v;
                tt.style.width = w ? w + 'px' : 'auto';
                if(!w && ie){
                    t.style.display = 'none';
                    b.style.display = 'none';
                    tt.style.width = tt.offsetWidth;
                    t.style.display = 'block';
                    b.style.display = 'block';
                }
                if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
                h = parseInt(tt.offsetHeight) + top;
                tt.style.display = ''
            }
        },
        pos:function(e){
            if( o.x_x ){
                var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
                var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;            
                tt.style.top = (u - h) + 'px';
                tt.style.left = (l + left) + 'px';
            }
        },
        fade:function(d){
            if( o.x_x ){
                var a = alpha;
                if((a != endalpha && d == 1) || (a != 0 && d == -1)){
                    var i = speed;
                    if(endalpha - a < speed && d == 1){
                        i = endalpha - a;
                    }else if(alpha < speed && d == -1){
                        i = a;
                    }
                    alpha = a + (i * d);
                    tt.style.opacity = alpha * 0.1;
                    tt.style.filter = 'alpha(opacity=' + alpha + ')';
                }else{
                    clearInterval(tt.timer);
                    if(d == -1){tt.style.display = 'none'
                }}
            }
        },
        hide:function(){
            if( o.x_x ){
                tt.style.display = 'none'
            }
        }
    };
}
 mousetip.x = true;去掉渐变早上答你了...在上面...
DIV没看到闪烁的现在...或者你把整个页面代码拉上来吧.