zoukankan      html  css  js  c++  java
  • js实现repeater数据弹出DIV

    <script type="text/javascript" language="javascript">
            function mouseover(obj) {
                //document.getElementById("divInfor").style.display = "block";
                obj = obj.parentNode;
                obj = obj.nextSibling;
                node = getNextElement(obj);
                node.style.display = "block";

            }
            function mouseout(obj) {
                obj = obj.parentNode;
                obj = obj.nextSibling;
                node = getNextElement(obj);
                node.style.display = "none";

            }
            function getNextElement(node) {
                if (node.nodeType == 1) return node;
                if (node.nextSibling) return getNextElement(node.nextSibling);
                return null;
            }
        </script>

     <asp:Repeater ID="RptNewView" runat="server" onitemdatabound="RptNewView_ItemDataBound">
                         
                     <ItemTemplate>

                      <tr><td>&nbsp;</td><td><p class="/Images/center centerDetail">恭喜会员:<span class="Winner"><%#Eval("WinMemberName")%></span>赢取大奖:<a><%#Eval("Award")%></a>!</p>
                        <div class="shaitu">
                         <div class="left">
                                <asp:Image ID="MyAvatar" runat="server" ImageUrl ="" /><a  onmouseover="mouseover(this)" onmouseout="mouseout(this)" href=""><%#Eval("WinMemberName")%></a></div>
                                <div id="divInfor" style="display: none">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <tr><td class="rightAllign" width="45%" style="font-size:12px; text-align:right;"><b><em>★</em>昵称:</b></td><td style=" color:#666; font-size:12px;">oscar3</td></tr>
                                        <tr><td class="rightAllign" style="font-size:12px; text-align:right;"><b><em>★</em>会员等级:</b></td><td style=" color:#666;font-size:12px;">黄金会员</td></tr>
                                        <tr><td class="rightAllign" style="font-size:12px; text-align:right;" ><b><em>★</em>手机号:</b></td><td style=" color:#666;font-size:12px;">15233333333</td></tr>
                                    </table>
                                </div>
                            <div class="right">
                             <div class="pingjiaBtn"><img src="/Images/content/news/pingjia-point.png" /></div>
                             <div class="pingjia"><%#Eval("ShortContent")%></div>
                                <div class="pic"><ul>
                                 <li><img src="/Images/content/news/shaitu-1.gif" /></li>
                                 <li><img src="/Images/content/news/shaitu-2.gif" /></li>
                                 <li><img src="/Images/content/news/shaitu-3.gif" /></li>
                                </ul></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                       </td></tr>
               
                     </ItemTemplate>
                      
                </asp:Repeater> 

  • 相关阅读:
    (HDOJ 2034)人见人爱AB
    (UVa 100) The 3n + 1 problem
    (HDOJ 2099)整除的尾数
    (UESTCOJ 1004)8球胜负(eight)
    asp.net中对数据库表插入null空值的问题
    利用模版生成html页
    如何取得IP/用户名等信息
    SQL SERVER的数据类型
    在IIS与.net框架中配置中把扩展名.aspx改成自定义的扩展名.mspx
    c#中什么情况下用(int)什么情况下用Convert.ToInt32?
  • 原文地址:https://www.cnblogs.com/yuloe2012/p/2719790.html
Copyright © 2011-2022 走看看