欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

從博客網扣了一個效果出來

程序员文章站 2022-06-29 09:05:48
從博客網扣了一個效果出來,但有個地方搞不定,求助無憂強人幫忙研究一下。現在演示:http://www.iyumen.cn/topuser.asp效果說明:鼠標放到頭像上,頭...
從博客網扣了一個效果出來,但有個地方搞不定,求助無憂強人幫忙研究一下。
現在演示: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<780){
                //alert("<780")
                oo("navigation_logo").style.right="";
                oo("navigation_logo").style.left=(el+119) + "px";
                oo("navigation_logo").style.top=(et-3) + "px";
              var imgtanchuhtml2="<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td valign=bottom id=tdimg style=padding-top:3px;padding-left:3px; >"
               imgtanchuhtml2 +="<dl class=member-detail><dt><a class=user-icon href=#x><div style=float:left;padding-right:1px; id=showlogoimg ></div></a><div id=arrow_img onmouseover=showarrow('1');  onmouseout=showarrow('2'); onclick=disnav(); style=float:left;></div></dt></dl></td></tr></table>"

                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="<img  onerror=this.src='http://www.iyumen.cn/images/img/logo_s.png' width=100 height=100  src=/uploadfile/" + xid + "/userphoto.jpg  alt=" + user + " onclick=disnav();>" + user ;
                oo("link_1").innerhtml="<a href=/my_" + xid + ".html  target=_blank>去" + user + "的个人主页</a>";

                if(loginstate==0){

                    oo("link_3").innerhtml="<a href=/sbox.asp?user_id=" + xid + "  target=_blank>给" + user + "发短消息</a>";
                }else{
                    oo("link_3").innerhtml="<a href=javascript:show_login2();>给" + user + "发短消息</a>";
                }
                oo("link_4").innerhtml="<a href=/list_" + xid + ".html  target=_blank>查看" + user + "的评论列表</a>";
                    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="<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td valign=bottom id=tdimg style=padding-top:3px; ><dl class=member-detail>"
                imgtanchuhtml +="<dt><div id=arrow_img onclick=disnav2(); style=float:left;></div><a class=user-icon href=#x><div style=float:left;padding-right:2px; id=showlogoimg ></div></a></dt></dl></td></tr></table>"
                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="<img  onerror=this.src='http://www.iyumen.cn/images/img/logo_s.png' width=100 height=100  src=/uploadfile/" + xid + "/userphoto.gif  alt=" + user + "  onclick=disnav2();>" + user ;
                oo("link_1").innerhtml="<a href=/my_" + xid + ".html target=_blank>去" + user + "的主页</a>";
                if(loginstate==0){

                    oo("link_3").innerhtml="<a href=/sbox.asp?user_id==" + xid + " target=_blank>给" + user + "发短消息</a>";
                }else{
                    oo("link_3").innerhtml="<a href=javascript:show_login2(); >给" + user + "发短消息</a>";
                }
                oo("link_4").innerhtml="<a href=/list_" + xid + ".html  target=_blank>查看" + user + "的评论列表</a>";
                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<=0){
        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<=0){
        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<=0){
        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<=0){
        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<=0){
        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<=0){
        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<=0){
        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="<input type=hidden name=url value=" + loghref + ">";
    actinfo(op);
    setday(partyid,groupid,styles);
}