http://www.mobanku.com/css+div/5.asp  
 
 
就是那图片加载的效果,弄了一天,还是有错误,干脆,求强人,高手,给扒一下。  
{我扒的,不知道为什么总是那个加载条就是在图片上} 请您把代码和图片发到doudou2064@126.com,收到就给分

解决方案 »

  1.   

    upupupupupupuppuppupupupupupupupupupupupupupupupupupupupupuppupup
      

  2.   

    试试看吧!!!<html>
    <head>
    <title> Web Templates | Flash Templates | Template Monster</title>
    <link rel="stylesheet" href="http://www.templatemonster.com/style.css" type="text/css">
    <script src="http://www.templatemonster.com/js/preview_templates.js" language="JavaScript" type="text/javascript"></script>
    <script src="http://www.mobanku.com/js/loader.js" language="JavaScript" type="text/javascript"></script>
    </head>
    <body BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0
    "
     
    >
    <!-- /Network Bar Flash Section -->
    <table cellpadding="0" cellspacing="0" border="0" width="780">
    <tr>
    <td colspan="3">
    </td>
    </tr>
    <tr>
    <td colspan="3">
    <!--img src=/images/spacer.gif width="6" style="font-size:0px"/-->


    </td>
    </tr>
    <tr>
    <td class="mainHeader">
    <!--form name="loginform" action="https://secure.mytemplatestorage.com/personal/index.php" method="post" target='smts'>
    <input type="hidden" name="action" value="login"/-->


    </td>
    </tr>
    <tr><td>
    <table width="100%" border="0" bgcolor="White" cellpadding="0" cellspacing="0"> 
    <TR>
    <TD width="580" valign="top">
    <br>





    <table width="100%" cellpadding="0" cellspacing="8" border="0">
    <tr><td width='30%'> <TABLE WIDTH="145" BORDER="0" CELLPADDING="0" CELLSPACING="0" align=center>
    <TR>
    <TD WIDTH="145" HEIGHT="143" COLSPAN="2" style='vertical-align: bottom'>
    <a style="cursor: hand" href="/website-templates/15575.html?PHPSESSID=2rlond9mkrblhloo8r1vlc1s62" target="_blank"><IMG SRC="http://images.templatemonster.com/screenshots/15500/15575-m.jpg" border=0 alt='Template 15575' border=1 style="border-color: 777777" 
             onmouseover="showtrail('http://images.templatemonster.com/screenshots/15500/15575-b.jpg ','Template 15575',430,449)"   onmouseout="hidetrail()"
     ></a>
    </TD>
    </TR>

    </TABLE>
    <td width='40%'>
    <td width='30%'>
    </tr><tr><td width='30%'>
    <td width='40%'>
    <td width='30%'>
    </tr><tr><td width='30%'>
    <td width='40%'>
    <td width='30%'>
    </tr><tr><td width='30%'>
    <td width='40%'>
    <td width='30%'>
    </tr><tr><td width='30%'>
    <td width='40%'>
    <td width='30%'> <TABLE WIDTH="145" BORDER="0" CELLPADDING="0" CELLSPACING="0" align=center>
    <TR>
    <TD WIDTH="145" HEIGHT="143" COLSPAN="2" style='vertical-align: bottom'>
    <a style="cursor: hand" href="/website-templates/15560.html?PHPSESSID=2rlond9mkrblhloo8r1vlc1s62" target="_blank"><IMG SRC="http://images.templatemonster.com/screenshots/15500/15560-m.jpg" border=0 alt='Template 15560' border=1 style="border-color: 777777" 
             onmouseover="showtrail('http://images.templatemonster.com/screenshots/15500/15560-b.jpg ','Template 15560',430,477)"   onmouseout="hidetrail()"
     ></a>
    </TD>
    </TR>
    <TR>
    <TD HEIGHT="22" COLSPAN="2" class="botpreview"><a style="cursor: hand" href="/website-templates/15560.html?PHPSESSID=2rlond9mkrblhloo8r1vlc1s62" target="_blank" class="white">View</a> | <a href="javascript: cart('add=15560')" class="white">Add to Cart</a> | <a href="javascript: buy('15560')" class="white">Buy</a> </TD>
    </TR>
    <TR>
    <TD colspan=2 class="smallpad">Type: 
    <A name='title' title='' class='altTitle' style='color:Black;border-bottom-color:Black' href='#' onclick='return false'> Full site   </A>
    </TD>
    </TR>
    <TR>
    <TD colspan=2 class="smallpad">Item:
    #15560</TD>
    </TR>
    <TR>
    <TD colspan=2 class="smallpad">Author:
    <a href="/authors/cowboy/?PHPSESSID=2rlond9mkrblhloo8r1vlc1s62" class="graylink">Cowboy</a></TD>
    </TR>
    <TR>
    <TD colspan=2 class="smallpad">Downloads:
    2</TD>
    </TR>
    <TR>
    <TD HEIGHT="35" COLSPAN="2" class="pricestyle" valign=top>
    <SPAN style="float:left">Price  <a style="cursor:pointer;color:#3989C5" onClick="MM_openBrWindow('/unique.php','','resizable=yes,width=620,height=220')" class="loghtgray">(?)</a>:</SPAN>
    <B style="float:right">$61</B>

    <br>
        <SPAN style="float:left">Unique Price <a class="loghtgray" style="cursor:pointer;color:#3989C5" onClick="MM_openBrWindow('/unique.php','','resizable=yes,width=620,height=220')">(?)</a>:</SPAN>
    <B style="float:right">$3800</B>
    </TD>
    </TR>
    </TABLE>
    </tr> </table>





    </td>
    <td width="200" align="right" valign=top rowspan="3">

    </td>
    </tr>
    <script>checkType(document.getElementById('typ'))</script>
    <TR>
    <!-------------------------------------------------------------------------------------------->
    <td width="580" valign="top">







    </td>
    </TR>
    <tr>
    <td width="580" style="padding-bottom:5px;padding-top:5px;">

    </td>
    </tr>

    </table>
    <div style="display: none; position: absolute;z-index:110; " id="preview_div"></div>
    </td></tr>
    <tr><td class="bottomarea" style="padding-top:3px;padding-bottom:5px">

    </td></tr>
    </table>
    </div>
    </body>
    </html>
      

  3.   

    请高手,把代码和图片{包括大图和小图}发到)刚才JS区的一位朋友已经给我发了一份,但是他只有小图部分,大图还是用的完全路径(我试了多次,相对路径{image/8.jpg}就是不好使,只能是完全路径即www.***.com/image/8.jpg})我现在主要的问题是用不了相对路径的图片,一用就没有效果了{在使用相对路径时,始终没有载到大图片}。所以希望哪位能把大的,小的图片,JS都发给我。thanks For everyone
      

  4.   

    //***********默认设置定义.*********************
    tPopWait=1;//停留tWait毫秒后显示提示。
    tPopShow=300;//显示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 #666666 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;不知道这个对你有用没有
      

  5.   

    <a href="##" zzzpop="<img src='images/bar.gif' alt='' />" ></a>
    这个忘记说了~~在前台就这样掉用他就OK了
      

  6.   

    用不着这么麻烦吧,可用用AjaxControlTookit中的HoverMenuExtender,很简单:
    <asp:LinkButton ID="lnkChangeCity" runat="server">切换城市</asp:LinkButton>    <ajaxToolkit:HoverMenuExtender ID="HoverMenuExtender1" runat="server" 
                                       TargetControlID="lnkChangeCity" 
                                       PopupControlID="cityPanel" 
                                       PopupPosition="Bottom">
        </ajaxToolkit:HoverMenuExtender>    <asp:Panel ID="cityPanel" runat="server" CssClass="cityPanel">
                <table id="cityTable">
                    <tr>
                        <td><a href="#">北京</a></td>
                        <td><a href="#">上海</a></td>
                        <td><a href="#">重庆</a></td>
                        <td><a href="#">天津</a></td>
                        <td><a href="#">南京</a></td>
                        <td><a href="#">杭州</a></td>
                        <td><a href="#">苏州</a></td>
                    </tr>
        </table>
        </asp:Panel>
      

  7.   

    http://hi.baidu.com/kmiaoer/blog/item/3a82c9bf3602ea0b18d81f3b.html
      

  8.   

    可以把他的代码拉下来同意
     回复人:endersun(嘿啾,嘿啾!) ( 二级(初级)) 信誉:100
      

  9.   

    http://www.mobanku.com/js/preview_templates.js
    这里不是有现成的吗??
    showtrail 好好看看。
      

  10.   

    @liujiayu10(www.xybxy.com) 
    您只给我发了一个网站的地址,还是个英文的js论坛。不地道~~
      

  11.   

    onMouseOver="showtrail('http://www.mobanku.com/css+div/images/00060-a.jpg ','Template No.00060',430,364)" onMouseOut="hidetrail()"主要是这句了,调用了一个js的方法,
    http://www.mobanku.com/js/preview_templates.js
    http://www.mobanku.com/js/loader.js
    这两个是js,至于用到了哪个,你自己看一下,
    调用的时候,包含图片路径,,宽,高,
      

  12.   

    octverve(生命无色,命运多彩……) () 信誉:100 
    我收到了,并且看了一下,和我下的代码一样啊,为什么你的就好使,我的就不行??图片的路径也对啊??结贴