您好,欢迎访问一九零五行业门户网

從博客網扣了一個效果出來_图象特效

從博客網扣了一個效果出來,但有個地方搞不定,求助無憂強人幫忙研究一下。
現在演示:http://www.iyumen.cn/topuser.asp
效果說明:鼠標放到頭像上,頭像自動變換成另一張圖片。因為我網站里有兩種格式圖片 gif和jpg的,所以,現在如果原圖是jpg的話,就沒問題,如果是gif的話有提示說沒有上傳頭像,其實是有的,只是js里沒有設置讀取到 gif.
所以,我想要的功能就是 鼠標放到圖片上,不需要變換另一張圖片,這個能辦到嗎?
該頁面涉及到的源碼,我弄成壓縮包了,方便高人下載修改。可能我描述的不是很清楚。
复制代码 代码如下:
function oo(obj){
        return typeof(obj)==string?document.getelementbyid(obj):obj
}
var eet,eel,bid,dh;
var state=0;
var showi=0;
function asdf_list(sign,id,user){
var xid=id.substr(0,id.length-5)
bid=id;
    e=oo(bid)
 // alert(name)
    var et=e.offsettop;
    var el=e.offsetleft;
    while(e=e.offsetparent){
        et+=e.offsettop;
        el+=e.offsetleft;
    }
    eet=et;
    eel=el;
if(sign==1){
        if(showi==0){
            if(el                //alert(                oo(navigation_logo).style.right=;
                oo(navigation_logo).style.left=(el+119) + px;
                oo(navigation_logo).style.top=(et-3) + px;
              var imgtanchuhtml2=
               imgtanchuhtml2 +=
oo(imgtanchu).innerhtml=imgtanchuhtml2;
                oo(ll).src=http://www.iyumen.cn/images/imgs/avatar_border.gif
                oo(lr).src=http://www.iyumen.cn/images/imgs/avatar_border2.gif
                    oo(showlogoimg).innerhtml= + user ;
                oo(link_1).innerhtml=去 + user + 的个人主页;
if(loginstate==0){
oo(link_3).innerhtml=给 + user + 发短消息;
                }else{
                    oo(link_3).innerhtml=给 + user + 发短消息;
                }
                oo(link_4).innerhtml=查看 + user + 的评论列表;
                    oo(odiv).style.top=(et-3) + px;
                    oo(odiv).style.left=(el-3) + px;
                    oo(odiv).style.display='';
            }else{
           // alert(>780)
                hw = oo(home).scrollwidth - el;
                oo(navigation_logo).style.left=;
                oo(navigation_logo).style.right=(parseint(hw)+parseint(10)) + px;
                oo(navigation_logo).style.top=(et-3) + px;
                oo(navigation_logo).style.left;
                var imgtanchuhtml=
                imgtanchuhtml +=
oo(imgtanchu).innerhtml=imgtanchuhtml;
                oo(arrow_img).style.background=url(http://www.iyumen.cn/images/imgs/avatar_left.gif) top repeat-x; #ff0000;
                oo(ll).src=http://www.iyumen.cn/images/imgs/avatar_border2.gif
                oo(lr).src=http://www.iyumen.cn/images/imgs/avatar_border.gif
                    oo(showlogoimg).innerhtml= + user ;
                oo(link_1).innerhtml=去 + user + 的主页;
                if(loginstate==0){
oo(link_3).innerhtml=给 + user + 发短消息;
                }else{
                    oo(link_3).innerhtml=给 + user + 发短消息;
                }
                oo(link_4).innerhtml=查看 + user + 的评论列表;
                oo(odiv).style.left=(el-10) + px;
                oo(odiv).style.top=(et-3) + px;
                oo(odiv).style.display='';
            }
        state=1;
        }
    }else if(sign==2){
        state=0;
    }
}
function asdfg(sign){
    if(sign==1){
        oo(odiv).style.display='';
        state=1;
    }else if(sign==2){
        if(oo(navigation_logo).style.display=='none'){
           oo(odiv).style.display='none';
        }
        state=0;
    }
}
function asdfg_left(sign){
    if(sign==1){
        oo(odiv).style.display='';
        state=1;
    }else if(sign==2){
        if(oo(navigation_logo).style.display=='none'){
           oo(odiv).style.display='none';
        }
        state=0;
    }
}
function asdfgh(sign,id){
    if(sign==1){
        oo(navigation_logo).style.display='';
        state=1;
   }else if(sign==2){
        state=0;
    }
}
function showarrow(sign){
    if(sign==1){
        if(oo(navigation_logo).style.display=='none'){
            oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
        }
    }else if(sign==2){
        if(oo(navigation_logo).style.display=='none'){
            if(oo(arrow_img).style.background==url(http://www.iyumen.cn/images/imgs/avatar_left.gif)){
                oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
            }else{
                oo(navigation_logo).style.display='none';
                oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
            }
        }else{
            oo(navigation_logo).style.display='';
            if(oo(navigation_logo).style.display=='none'){
                oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
            }
        }
    }
}
function disnav(){
   var dis=oo(navigation_logo).style.display;
   if(dis==none){
       oo(navigation_logo).style.display='';
       oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_left.gif');
       ssh=sh+50;
       showi=1;
   }else{
       oo(navigation_logo).style.display='none';
       oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
       showi=0;
   }
}
function disnav2(){
   var dis=oo(navigation_logo).style.display;
   if(dis==none){
       oo(navigation_logo).style.display='';
       oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
       ssh=sh+50;
       showi=1;
   }else{
       oo(navigation_logo).style.display='none';
       oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_left.gif');
       showi=0;
   }
}
var obj=document.getelementbyid(d)
var t=new object();
function show(){
    obj.style.display=;
    obj.style.width=document.body.clientwidth;
    obj.style.height=document.body.clientheight;
    if(obj.filters.alpha.opacity>25){
        obj.filters.alpha.opacity=25;
        cleartimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        t.timer1=settimeout(show(),10)
    }
    return;
}
function hide(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        t.timer2=settimeout(hide(),5);
        }
      }else{
       obj.style.display=none
      }
    return;
}
var spop = null;
var postsubmited = false;
var smdiv = new array();
var useragent = navigator.useragent.tolowercase();
var is_webtv = useragent.indexof('webtv') != -1;
var is_kon = useragent.indexof('konqueror') != -1;
var is_mac = useragent.indexof('mac') != -1;
var is_saf = useragent.indexof('applewebkit') != -1 || navigator.vendor == 'apple computer, inc.';
var is_opera = useragent.indexof('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'gecko' && !is_saf) && useragent.substr(useragent.indexof('firefox') + 8, 3);
var is_ns = useragent.indexof('compatible') == -1 && useragent.indexof('mozilla') != -1 && !is_opera && !is_webtv && !is_saf;
var is_ie = (useragent.indexof('msie') != -1 && !is_opera && !is_saf && !is_webtv) && useragent.substr(useragent.indexof('msie') + 5, 3);
var sw,sh;
sw=document.body.clientwidth
sh=document.body.clientheight
var obj=document.getelementbyid(dssss)
var t=new object();
function show(){
    var   screet=eet-300;
    scrollto(0,screet);
      if (window.navigator.useragent.indexof(msie)>=1){
    obj.style.display=;
    oo(info_dsss).style.left=(document.body.offsetwidth-400)/2+px;
oo(info_dsss).style.top=eet+px;
oo(info_dsss).style.display=;
    obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
//obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        cleartimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show()
    }
    return;
    }else{
obj.style.background=url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png);
    obj.style.display=;
    //obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
oo(info_dsss).style.left=(document.body.offsetwidth-400)/2+px;
    oo(info_dsss).style.top=eet+px;
    oo(info_dsss).style.display=;
obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
    }
}
function show_out(){
        scrollto(0,0);
      if (window.navigator.useragent.indexof(msie)>=1){
obj.style.display=;
oo(quit-alert).style.left=(document.body.offsetwidth-300)/2+px;
    oo(quit-alert).style.top=200px;
    oo(quit-alert).style.display=;
    obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
//obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        cleartimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show_out()
    }
    return;
    }else{
    obj.style.background=url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png);
    obj.style.display=;
    //obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
    oo(quit-alert).style.left=(document.body.offsetwidth-300)/2+px;
    oo(quit-alert).style.top=200px;
    oo(quit-alert).style.display=;
obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
    }
}
function in_party(){
        scrollto(0,0);
      if (window.navigator.useragent.indexof(msie)>=1){
obj.style.display=;
oo(in_party).style.left=(document.body.offsetwidth-300)/2+px;
    oo(in_party).style.top=200px;
    oo(in_party).style.display=;
    obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
//obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        cleartimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        in_party()
    }
    return;
    }else{
    obj.style.background=url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png);
    obj.style.display=;
    //obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
    oo(in_party).style.left=(document.body.offsetwidth-300)/2+px;
    oo(in_party).style.top=200px;
    oo(in_party).style.display=;
obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
    }
}
function hide_in(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
oo(in_party).style.display=none
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_in()
        }
      }else{
       obj.style.display=none
       oo(in_party).style.display=none
      }
    oo(in_party).style.top=200px;
      return;
}
function show_black(){
        scrollto(0,0);
      if (window.navigator.useragent.indexof(msie)>=1){
    obj.style.display=;
    oo(quit-black).style.left=(document.body.offsetwidth-300)/2+px;
    oo(quit-black).style.top=200px;
    oo(quit-black).style.display=;
    obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
//obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        cleartimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show_black();
    }
    return;
    }else{
    obj.style.background=url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png);
    obj.style.display=;
    //obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
oo(quit-black).style.left=(document.body.offsetwidth-300)/2+px;
    oo(quit-black).style.top=200px;
    oo(quit-black).style.display=;
    obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
    }
}
function show_add(){
        scrollto(0,0);
      if (window.navigator.useragent.indexof(msie)>=1){
    obj.style.display=;
oo(add-alert).style.left=(document.body.offsetwidth-300)/2+px;
    oo(add-alert).style.top=200px;
    oo(add-alert).style.display=;
    obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
//obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        cleartimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show_add();
    }
    return;
    }else{
    //      alert(ssdd)
    obj.style.background=url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png);
    obj.style.display=;
    //obj.style.width=document.body.clientwidth;
    //obj.style.height=document.body.clientheight;
oo(add-alert).style.left=(document.body.offsetwidth-300)/2+px;
    oo(add-alert).style.top=200px;
    oo(add-alert).style.display=;
obj.style.width=oo(home).scrollwidth+px;
    obj.style.height=oo(home).scrollheight+px;
    //alert(obj.style.width)
    }
}
function show_login(){
             scrollto(0,0);
         oo(login-out).style.display=;
         oo(login-pop).style.display=;
}
function show_login2(){
        oo(odiv).style.display=none;
            oo(navigation_logo).style.display=none;
            oo(arrow_img).style.background=url('http://www.iyumen.cn/images/imgs/avatar_right.gif');
            showi=0;
            scrollto(0,0);
        oo(login-out).style.display=;
        oo(login-pop).style.display=
}
function hide(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
oo(info_dsss).style.display=none
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide()
        }
      }else{
       obj.style.display=none
       oo(info_dsss).style.display=none
      }
    return;
}
function hide_login(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
oo(login-out).style.display=none;
        oo(login-pop).style.display=none;
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_login()
        }
      }else{
       obj.style.display=none
       oo(login-out).style.display=none;
       oo(login-pop).style.display=none;
      }
    oo(login-out).style.top=95px;
return;
}
function hide_out(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
oo(quit-alert).style.display=none
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_out()
        }
      }else{
       obj.style.display=none
       oo(quit-alert).style.display=none
      }
    oo(quit-alert).style.top=200px;
      return;
}
function hide_add(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
oo(add-alert).style.display=none
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_add()
        }
      }else{
       obj.style.display=none
       oo(add-alert).style.display=none
      }
    oo(add-alert).style.top=200px;
      return;
}
function hide_black(){
      if (window.navigator.useragent.indexof(msie)>=1){
           if(obj.filters.alpha.opacity        obj.filters.alpha.opacity=0;
        obj.style.display=none
oo(quit-black).style.display=none
        cleartimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_black();
        }
      }else{
       obj.style.display=none
       oo(quit-black).style.display=none
      }
    oo(quit-black).style.top=200px;
      return;
}
function login_url(op,partyid,groupid,styles){
var loghref=location.href ;
    oo(login_url).innerhtml=;
    actinfo(op);
    setday(partyid,groupid,styles);
}
其它类似信息

推荐信息