项目JS暂存

来源：互联网发布：燕窝有用吗知乎编辑：程序博客网时间：2024/04/28 14:23

js部分

 function opencat(cat,imgsrc)
        {
           if(document.getElementById(cat).style.display=="none")
           {
           document.getElementById(cat).style.display="";
           var a=document.getElementById(imgsrc).src.replace("close","show");
           document.getElementById(imgsrc).src=a;
           }
           else
           {
           document.getElementById(cat).style.display="none";
          var b=document.getElementById(imgsrc).src.replace("show","close");
            document.getElementById(imgsrc).src=b;
           }
        }

html部分/

    <table style="text-align: center; font-size: 12pt; color: #000000;" width="100%">
        <tr>
            <td colspan="3" style="width: 100%; height: 10px;" />
        </tr>
        <tr>
            <td style="width: 4%; height: 22px;">
                <img id="img1" runat="server" height="20" src="../Images/left_line_icon1.jpg" /></td>
            <td class="block" style="background-image: url(../Images/left_line_bg11.jpg); font-size: 11pt;
                font-weight: bold; color: #004194; text-align: left; width: 60%; height: 22px;
                font-family: 'Trebuchet MS', Trebuchet, Verdana, Helvetica, Arial, sans-serif;">
                企业基本信息</td>
            <td style="height: 22px; width: 36%; font-family: 'Trebuchet MS', Trebuchet, Verdana, Helvetica, Arial, sans-serif;">
                <img id="img_pdcqyqcqi" src="../Images/show.jpg" onclick="opencat('pdcqyqcqi','img_pdcqyqcqi');" /></td>
        </tr>
    </table>
    <div id="pdcqyqcqi">
    收缩的内容.
    </div>

//收缩展开按钮图片切换