分享

※[转] 网页上点击可隐藏或显示内容 span标签

 乐乐妈 2009-10-09
※[转] 网页上点击可隐藏或显示内容 span标签(2008-12-29 10:52:41)

这段时间,在做“电工技术”网络课程课件时,对方要求在做在线模拟试卷时,在每题后面显示“答案”两字,用户点击后可显示相应的正确答案,再点击又可将答案隐藏。于是我就到网上去查找相应的代码并进行自己相应的修改(我不会编,但会改),达到了上述的要求,本方法特点是不用另外打开新的窗口来显示答案,可避免被弹出窗口管理程序拦截。下面将此代码发布如下,大概只要将下面的代码拷贝到你相应的网页中就可使用,在*处替换为你的标准答案,并修改相应表格的ID值,只在ID不相同就行,下面红色代码为关键代码,如果有多处使用此功能,只要复制第二段到相应位置就行了:

 

 

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>可隐藏答案的网页模板代码!</title>
<meta name="keywords" content="翁孟超制作 点击隐藏 ">
<meta name="description
" content="可隐藏答案的网页模板代码!">
</head>
<script>
i=0;
function jump(para)
{
if (i % 2==0)
para.style.display="";
else
para.style.display="none";
i++;
}
</script>
<body>

 

 <p>此处输入相应试题</p>
 <p> </p>
 <p>(说明:将下面两行复制到每题后面,并将正确答案替换到*表格中,</p>
 <p>并将下面两行的代码中的ID和调入值修改)</p>
 <p><font color="#FFFF00" size="5"><a class="style3"  onclick="jump(one)">
 <strong><span style="background-color: #C0C0C0">点击查看答案:</span></strong></a></font></p>
          <table width="" height="" border="0" bgcolor="" id="one"  style="display:none" text-decoration:"none">
            <tr>
              <td> <b><font color="#FF0000"> <span class="lineheight">*此处请
    输入相应的答案</span></font></b></td>
            </tr>
          </table>

 


 <p> </p>

</body>

</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约