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>
//收缩 展开 按钮 图片切换