從博客網扣了一個效果出來，但有個地方搞不定，求助無憂強人幫忙研究一下。

現在演示：http://www.iyumen.cn/TopUser.asp

效果說明：鼠標放到頭像上，頭像自動變換成另一張圖片。因為我網站里有兩種格式圖片gif和jpg的，所以，現在如果原圖是jpg的話，就沒問題，如果是gif的話有提示說沒有上傳頭像，其實是有的，只是js里沒有設置讀取到gif.

所以，我想要的功能就是鼠標放到圖片上，不需要變換另一張圖片，這個能辦到嗎？

該頁面涉及到的源碼，我弄成壓縮包了，方便高人下載修改。可能我描述的不是很清楚。

复制代码 代码如下:

functionoo(obj){

returntypeof(obj)=="string"?document.getElementById(obj):obj

}

vareet,eel,bid,dh;

varstate=0;

varshowi=0;

functionasdf_list(sign,id,user){

varxid=id.substr(0,id.length-5)

bid=id;

e=oo(bid)

//alert(name)

varet=e.offsetTop;

varel=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";

varimgtanchuhtml2="<tablewidth=100%border=0cellspacing=0cellpadding=0><tr><tdvalign=bottomid=tdimgstyle=padding-top:3px;padding-left:3px;>"

imgtanchuhtml2+="<dlclass=member-detail><dt><aclass=user-iconhref=#x><divstyle=float:left;padding-right:1px;id=showlogoimg></div></a><divid=arrow_imgonmouseover=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="<imgonError=this.src='http://www.iyumen.cn/images/img/logo_s.png'width=100height=100src=/UploadFile/"+xid+"/userphoto.jpgalt="+user+"onClick=disnav();>"+user;

oo("link_1").innerHTML="<ahref=/My_"+xid+".htmltarget=_blank>去"+user+"的个人主页</a>";

if(loginstate==0){

oo("link_3").innerHTML="<ahref=/Sbox.asp?User_ID="+xid+"target=_blank>给"+user+"发短消息</a>";

}else{

oo("link_3").innerHTML="<ahref=javascript:show_login2();>给"+user+"发短消息</a>";

}

oo("link_4").innerHTML="<ahref=/List_"+xid+".htmltarget=_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;

varimgtanchuhtml="<tablewidth=100%border=0cellspacing=0cellpadding=0><tr><tdvalign=bottomid=tdimgstyle=padding-top:3px;><dlclass=member-detail>"

imgtanchuhtml+="<dt><divid=arrow_imgonclick=disnav2();style=float:left;></div><aclass=user-iconhref=#x><divstyle=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)toprepeat-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="<imgonError=this.src='http://www.iyumen.cn/images/img/logo_s.png'width=100height=100src=/UploadFile/"+xid+"/userphoto.gifalt="+user+"onClick=disnav2();>"+user;

oo("link_1").innerHTML="<ahref=/My_"+xid+".htmltarget=_blank>去"+user+"的主页</a>";

if(loginstate==0){

oo("link_3").innerHTML="<ahref=/Sbox.asp?User_ID=="+xid+"target=_blank>给"+user+"发短消息</a>";

}else{

oo("link_3").innerHTML="<ahref=javascript:show_login2();>给"+user+"发短消息</a>";

}

oo("link_4").innerHTML="<ahref=/List_"+xid+".htmltarget=_blank>查看"+user+"的评论列表</a>";

oo("oDiv").style.left=(el-10)+"px";

oo("oDiv").style.top=(et-3)+"px";

oo("oDiv").style.display='';

}

state=1;

}

}elseif(sign==2){

state=0;

}

}

functionasdfg(sign){

if(sign==1){

oo("oDiv").style.display='';

state=1;

}elseif(sign==2){

if(oo("navigation_logo").style.display=='none'){

oo("oDiv").style.display='none';

}

state=0;

}

}

functionasdfg_left(sign){

if(sign==1){

oo("oDiv").style.display='';

state=1;

}elseif(sign==2){

if(oo("navigation_logo").style.display=='none'){

oo("oDiv").style.display='none';

}

state=0;

}

}

functionasdfgh(sign,id){

if(sign==1){

oo("navigation_logo").style.display='';

state=1;

}elseif(sign==2){

state=0;

}

}

functionshowarrow(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')";

}

}elseif(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')";

}

}

}

}

functiondisnav(){

vardis=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;

}

}

functiondisnav2(){

vardis=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;

}

}

varobj=document.getElementById("d")

vart=newObject();

functionshow(){

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;

}

functionhide(){

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;

}

varsPop=null;

varpostSubmited=false;

varsmdiv=newArray();

varuserAgent=navigator.userAgent.toLowerCase();

varis_webtv=userAgent.indexOf('webtv')!=-1;

varis_kon=userAgent.indexOf('konqueror')!=-1;

varis_mac=userAgent.indexOf('mac')!=-1;

varis_saf=userAgent.indexOf('applewebkit')!=-1||navigator.vendor=='AppleComputer,Inc.';

varis_opera=userAgent.indexOf('opera')!=-1&&opera.version();

varis_moz=(navigator.product=='Gecko'&&!is_saf)&&userAgent.substr(userAgent.indexOf('firefox')+8,3);

varis_ns=userAgent.indexOf('compatible')==-1&&userAgent.indexOf('mozilla')!=-1&&!is_opera&&!is_webtv&&!is_saf;

varis_ie=(userAgent.indexOf('msie')!=-1&&!is_opera&&!is_saf&&!is_webtv)&&userAgent.substr(userAgent.indexOf('msie')+5,3);

varsw,sh;

sw=document.body.clientWidth

sh=document.body.clientHeight

varobj=document.getElementById("dssss")

vart=newObject();

functionshow(){

varscreet=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";

}

}

functionshow_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";

}

}

functionin_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";

}

}

functionhide_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;

}

functionshow_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";

}

}

functionshow_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)

}

}

functionshow_login(){

scrollTo(0,0);

oo("login-out").style.display="";

oo("login-pop").style.display="";

}

functionshow_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=""

}

functionhide(){

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;

}

functionhide_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;

}

functionhide_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;

}

functionhide_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;

}

functionhide_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;

}

functionlogin_url(op,partyid,groupid,styles){

varloghref=location.href;

oo("login_url").innerHTML="<inputtype=hiddenname=urlvalue="+loghref+">";

actinfo(op);

setday(partyid,groupid,styles);

}