加号和减号

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>

    <script type="text/javascript">
                function ShowHidDesc1(objLink){
                   var objRow = objLink.parentNode;
                   var i = 0;
                   for (i = 0; i < objRow.childNodes.length; i++){
                       if (objLink.name == "aHid"){
                           if (objRow.childNodes[i].name=="aShow") objRow.childNodes[i].style.display = "block"
                           if (objRow.childNodes[i].name=="divDesc") objRow.childNodes[i].style.display = "none"
                          if (objRow.childNodes[i].name=="aHid") objRow.childNodes[i].style.display = "none"
                       }
                       else{
                           if (objRow.childNodes[i].name=="aShow") objRow.childNodes[i].style.display = "none"
                           if (objRow.childNodes[i].name=="divDesc") objRow.childNodes[i].style.display = "block"
                           if (objRow.childNodes[i].name=="aHid") objRow.childNodes[i].style.display = "block"
                       }
                   }
                }
               
               
               function  ShowHidDesc(objLink)
               {
              
                 if(objLink.name== "aHid")
                 {
                 var obj= document.getElementById('aShow')
                     obj.style.display='block';
                   document.getElementById('divDesc').style.display='none';
                   objLink.style.display='none';
                  
                  
                
                 }
                 else
                 {
                  var obj= document.getElementById('aHid')
                     obj.style.display='block';
                   document.getElementById('divDesc').style.display='block';
                   objLink.style.display='none';
                 }
              
               }
                
    </script>

    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td style="height: 2px;">
                        <a id="aHid" name="aHid" title="Hid description" style="display: none; cursor: point !important;
                            cursor: hand;" οnclick="ShowHidDesc(this)">-</a>
                            <a id="aShow" name="aShow" title="Show description"
                                style="display: block; cursor: point !important; cursor: hand" οnclick="ShowHidDesc(this)">
                                +</a>
                        <div id="divDesc" name="divDesc" style="width: 100%; display: none;">
                            dfgfdgfdgdfgfdg</div>
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值