1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

Alt标签中加入图片

本帖由 srsman2006-06-05 发布。版面名称:前端开发

  1. srsman

    srsman Active Member

    注册:
    2005-11-08
    帖子:
    1,920
    赞:
    6
    HTML:
    <script language="JavaScript">
    //***********默认设置定义.*********************
    tPopWait=1;//停留tWait毫秒后显示提示。
    tPopShow=500;//显示tShow毫秒后关闭提示
    showPopStep=99;
    popOpacity=90;
    
    //***************内部变量定义*****************
    sPop=null;
    curShow=null;
    tFadeOut=null;
    tFadeIn=null;
    tFadeWaiting=null;
    
    document.write("<style type='text/css'id='defaultPopStyle'>");
    document.write(".cPopText {  background-color: #FFFFFF; border: 1px #cccccc solid; font-size: 12px;padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
    
    document.write("</style>");
    document.write("<div id='zzzpopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
    
    
    function showPopupText(){
    var o=event.srcElement;
            MouseX=event.x;
            MouseY=event.y;
            if(o.alt!=null && o.alt!=""){o.zzzpop=o.alt;o.alt=""};
            if(o.title!=null && o.title!=""){o.zzzpop=o.title;o.title=""};
            if(o.zzzpop!=sPop) {
                            sPop=o.zzzpop;
                            clearTimeout(curShow);
                            clearTimeout(tFadeOut);
                            clearTimeout(tFadeIn);
                            clearTimeout(tFadeWaiting);        
                            if(sPop==null || sPop=="") {
                                    zzzpopLayer.innerHTML="";
                                    zzzpopLayer.style.filter="Alpha()";
                                    zzzpopLayer.filters.Alpha.opacity=0;        
                                    }
                            else {
                                    if(o.dyclass!=null) popStyle=o.dyclass 
                                            else popStyle="cPopText";
                                    curShow=setTimeout("showIt()",tPopWait);
                            }
                            
            }
    }
    
    function showIt(){
                    zzzpopLayer.className=popStyle;
                    zzzpopLayer.innerHTML=sPop;
                    popWidth=zzzpopLayer.clientWidth;
                    popHeight=zzzpopLayer.clientHeight;
                    if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
                            else popLeftAdjust=0;
                    if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
                            else popTopAdjust=0;
                    zzzpopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
                    zzzpopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
                    zzzpopLayer.style.filter="Alpha(Opacity=0)";
                    fadeOut();
    }
    
    function fadeOut(){
            if(zzzpopLayer.filters.Alpha.opacity<popOpacity) {
                    zzzpopLayer.filters.Alpha.opacity+=showPopStep;
                    tFadeOut=setTimeout("fadeOut()",1);
                    }
                    else {
                            zzzpopLayer.filters.Alpha.opacity=popOpacity;
                            tFadeWaiting=setTimeout("fadeIn()",tPopShow);
                            }
    }
    
    function fadeIn(){
            if(zzzpopLayer.filters.Alpha.opacity>0) {
                    zzzpopLayer.filters.Alpha.opacity-=1;
                    tFadeIn=setTimeout("fadeIn()",1);
                    }
    }
    document.onmouseover=showPopupText;
    </script>
    <img src="http://www.iood.net/forum/attachments/forumid_14/image10_FDY3lhrkX3Pp.jpg" border=0 height=141 width=200 alt="<img src=http://www.iood.net/forum/attachments/forumid_14/image10_FDY3lhrkX3Pp.jpg>">