http://www.51eidc.com/FAQ.htm  在ASP,NET中怎么实现这个效果,请大侠知道下

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="Copyright" content="懒人图库 http://lanren.makewing.com/" />
    <meta name="description" content="学会偷懒,并懒出境界是提高工作效率最有效的方法!" />
    <meta content="懒人图库" name="keywords" />
    <title>懒人图库</title>
    <style type="text/css">
    body{text-align:center;}
    td {font-size: 12px;line-height:160%}
    .dotline{background-image:url(images/dot_line.gif);background-repeat: repeat-x;background-position: bottom;}
    </style>
    </head><body>
    <script language=JavaScript >
    var number=6; //定义条目数function LMYC() {
    var lbmc;
        for (i=1;i<=number;i++) {
            lbmc = eval('LM' + i);
            lbmc.style.display = 'none';
        }
    }
     
    function ShowFLT(i) {
        lbmc = eval('LM' + i);
        if (lbmc.style.display == 'none') {
            LMYC();
            lbmc.style.display = '';
        }
        else {
            lbmc.style.display = 'none';
        }
    }</script>
    <table width="600" border="0" cellspacing="2" cellpadding="0">
      <tr>
        <td width="56" height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
        <td width="544" height="40" class="dotline"><a onClick=javascript:ShowFLT(1) href="javascript:void(null)">1.为什么我在加入购物车的时候提示“数量已超过该物品库存”?</a></td>
      </tr>
      <tr id=LM1 style="DISPLAY: none">
        <td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
        <td height="30" bgcolor="#f5f9ed">这是因为您要购买的数量超过了我们目前仓库中该物品的数量。比如说您想购物10件物品,而我们目前只有5件库存,所以系统会出现该提示,并会把尽可能多的物品加入您的购物车。</td>
      </tr>
      <tr>
        <td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
        <td height="40" class="dotline"><a onClick=javascript:ShowFLT(2) href="javascript:void(null)">2.“下次自动登录”有什么用?</a></td>
      </tr>
      <tr id=LM2 style="DISPLAY: none">
        <td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
        <td height="30" bgcolor="#f5f9ed"><p>如果您是我们的会员,在您登录的时候,会有一个下次自动登录选项。如果您是在家或者办公室上网的话,您可以选中它,这样当您下次再来的时候,就不用再手工登录了,会自动识别出您,并自动登录。</p>
        </td>
      </tr>
      
      <tr>
        <td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
        <td height="40" class="dotline"><a onClick=javascript:ShowFLT(3) href="javascript:void(null)">3.为什么在付款的时候要“多加一个尾数”?</a></td>
      </tr>
      <tr id=LM3 style="DISPLAY: none">
        <td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
        <td height="30" bgcolor="#f5f9ed">因为我们的定单较多,难免会出现多个顾客同时汇款的情况。加个尾数可以方便我们识别您的汇款,以减少不必要的麻烦,并第一时间给您发货。如果有可能的话,我们还建议在您的汇款或者转帐附言中写明您的订单号。当然,您在付款后及时的通知我们也是必不可少的。</td>
      </tr>
      
      <tr>
        <td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
        <td height="40" class="dotline"><a onClick=javascript:ShowFLT(4) href="javascript:void(null)">4.什么是TrackBack,对我而言有何意义?</a></td>
      </tr>
      <tr id=LM4 style="DISPLAY: none">
        <td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
        <td height="30" bgcolor="#f5f9ed">简单说来,TrackBack 被设计用来提供一种方法以实现网站之间的互相通告。利用这种简单使用的方式,可以让您实现主动推送(Push)一条相关信息加进产品页面内。这样,不仅使用户在访问我们的网站时得到的高价值信息量更多,更能使您的 Blog 吸引到与您志同道合的朋友。</td>
      </tr>
      
      <tr>
        <td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
        <td height="40" class="dotline"><a onClick=javascript:ShowFLT(5) href="javascript:void(null)">5.我的 Blog 是否也支持 Trackback?</a></td>
      </tr>
      <tr id=LM5 style="DISPLAY: none">
        <td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
        <td height="30" bgcolor="#f5f9ed">作为一种协议和一项功能对其进行了实现,这是 TrackBack 的第一个实现。由于只有众多的站点都支持TrackBack,它的真正价值才能得以体现,所以 TrackBack 从一开始就被设计为一个开放系统:一个其它的 blog 工具能很简单地实现的开放系统。</td>
      </tr>
        <tr>
        <td height="40" align="right" class="dotline"><img src="images/ico_q.gif" width="47" height="29"></td>
        <td height="40" class="dotline"><a onClick=javascript:ShowFLT(6) href="javascript:void(null)">6.我的 Blog 是否也支持 Trackback?</a></td>
      </tr>
      <tr id=LM6 style="DISPLAY: none">
        <td height="30" align="right" bgcolor="#f5f9ed"><img src="images/ico_a.gif" width="14" height="14" hspace="5"></td>
        <td height="30" bgcolor="#f5f9ed">作为一种协议和一项功能对其进行了实现,这是 TrackBack 的第一个实现。由于只有众多的站点都支持TrackBack,它的真正价值才能得以体现,所以 TrackBack 从一开始就被设计为一个开放系统:一个其它的 blog 工具能很简单地实现的开放系统。</td>
      </tr></table>
    </body>
    </html>
      

  2.   

    控件嘛就继承一个webControl,然后重写render方法
      

  3.   

    http://www.asp.net/ajax/ajaxcontroltoolkit/samples/Accordion/Accordion.aspx
    这个控件就是你想要的!!
      

  4.   

    绑定数据的时候处理一下就可以了啊,加个div或table,然后设置DIV的display就OK了
      

  5.   

    就一折叠菜单而已,找一个支持递归的js脚本,嵌到repeater里
      

  6.   

    具体怎么实现呢?请指教下呢。刚接触。NET不久
      

  7.   

    同意yly19730201的说法,其实很简单,需要动态输入的内容就从数据库中读出来,至于这种效果完全可以用js的原程序不变的。
      

  8.   

    o.style.display == 'none' ? '' : 'none'
      

  9.   

    gridview的模板列用过没?把1楼的放到模板列里就实现了
      

  10.   

    需要修改一下才可以,其实也就是DIV的可见不可见
      

  11.   

    http://www.asp.net/ajax/ajaxcontroltoolkit/samples/Accordion/Accordion.aspx
    比你的这个绝对有过之而无不及.
      

  12.   

    http://hi.baidu.com/kmiaoer/blog/item/52db4f905b22018ca977a49a.html
    看看这个,也许对你有帮助,是关于这个隐藏的一个简单例子。
      

  13.   

    repeater控件会用的吧?    <asp:Repeater ID="Repeater1" runat="server">
        <ItemTemplate>
        <div onclick='clkDivQ(<%#Eval("id") %>)'>问题</div>
        <div style="display:none;" id='<%#"divQ"+Eval("id") %>'>答案</div>
        </ItemTemplate>
        </asp:Repeater>
        <script type="text/javascript">
        function clkDivQ(obj){
            var _obj=document.getElementById("divQ"+obj);
            if(_obj){
                if(_obj.style.display=='block'){_obj.style.display='none';}
                else{_obj.style.display='block';}
            }
        }
        </script>