• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 表单类 >> 正文
站内搜索
Google
[图文]单选项按钮控制选项内容(二)
          ★★★   

单选项按钮控制选项内容(二)

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:表单类 [切换到繁體中文]
介绍:选择选项,会相应的出现先项内容。

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效: 
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<script language=JavaScript>
var defaultValue = ""
function Changes() {
var defaultValue = "changed";
}
ie = document.all?1:0
ns4 = document.layers?1:0
var c = 1
function hideIt(id) {
if (ie) {
document.all[id].style.zIndex = c--; 
document.all[id].style.visibility = "hidden";
document.all['hider'].style.visibility = "visible";

else if (ns4) {
document.layers[cat].layers[id].zIndex = c--;
document.layers[cat].layers[id].visibility = "hide";
document.layers[cat].layers['hider'].visibility = "show";

}
function showIt(id) {
if (ie) {
document.all[id].style.zIndex = c++; 
document.all[id].style.visibility = "visible";

else if (ns4) {
document.layers[cat].layers[id].zIndex = c++;
document.layers[cat].layers[id].visibility = "show";
}
else {
document.getElementById(id).style.zIndex = c++; 
document.getElementById(id).style.visibility = "visible"; 

}
function imgLbl(tab) {
premier = frmWc.elements[tab - 1];
if (premier.checked == 1) {
premier.checked = 0;
} else {
premier.checked = 1;
}
}
</script>
<FORM name=protectForm action=../0001/success.asp  method=post >
                    <TABLE width=560>
                       
                      <TR>
                <TD>
                  <TABLE cellPadding=2>
                    
                    <TR align=left>
                      <TD vAlign=top align=left>
                    <INPUT 
                        onclick="showIt(  'off');return true" type=radio value=0 
                        name=Level checked>
                                关闭</TD>
                      <TD align=left width=20>  </TD>
                      <TD vAlign=top align=left><INPUT 
                        onclick="showIt(  'low');return true" type=radio 
                        value=25 name=Level>
                                低</TD>
                      <TD align=left width=20>  </TD>
                      <TD vAlign=top align=left>
                    <INPUT 
                        onclick="showIt(  'high');return true" type=radio value=75 name=Level>
                                高</TD>
                      <TD align=left width=20>  </TD>
                      <TD vAlign=top align=left><INPUT 
                        onclick="showIt(  'excl');return true" type=radio 
                        value=100 name=Level>
                                专用</TD>
                            </TR></TABLE></TD></TR></TABLE>
            
                    <table cellspacing=1 cellpadding=0 width=562 border="0" bgcolor="7285CF" height="200">
                       
                      <tr> 
                        <td colspan=3 height="145" valign="top" bgcolor="F2F2F2"> 
                          <div id=off style="WIDTH: 560px;POSITION: absolute; HEIGHT: 150; z-index: 1; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="554" border="0">
                              <tr> 
                                <td width="549">“垃圾邮件过滤器”的保护级别被设置成“关闭”。</td>
                  </tr>
                  
                </table>
              </div>
                          <div id=low 
                  style="WIDTH: 560px;POSITION: absolute; HEIGHT: 150; z-index: 2; visibility: hidden; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560">
                              <tr >
                                <td width="1237">“垃圾邮件过滤器”的保护级别被设置成“低”。大部分的电子邮件将会发送到您的“收件箱”。最易于识别的“垃圾邮件”将被分类到“垃圾邮件”文件夹。 
                                  <p>您很可能会在“收件箱”中定期收到许多未经请求的邮件(即“垃圾邮件”)。 
                                  <p>请您定期查阅“垃圾邮件”文件夹中的内容,并且利用“这不是垃圾邮件”按钮来标识那些不该被过滤到“垃圾邮件”文件夹中的邮件。事先在“通讯簿”或“安全列表”中添加地址可以防止今后来自这些地址的邮件被发送到“垃圾邮件”文件夹。 
                      </p>
                                </td>
                  </tr>
                  
                </table>
              </div>
                          <div id=high 
                  style="WIDTH: 560px;POSITION: absolute; HEIGHT: 150; z-index: 1; visibility: hidden; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560">
                              <tr> 
                                <td width="1237">“垃圾邮件过滤器”的保护级别被设置成“高”。接收的电子邮件将被传送到您的“收件箱”,但大量类似于垃圾邮件的邮件将被分类到“垃圾邮件”文件夹。 
                                  <p>“收件箱”中可能仍有少量未经请求的邮件(即“垃圾邮件”),因为大部分的垃圾邮件已被发送到您的“垃圾邮件”文件夹。 
                                  <p>请您定期查阅“垃圾邮件”文件夹中的内容,并且利用“这不是垃圾邮件”按钮来标识那些不该被过滤到“垃圾邮件”文件夹中的邮件。事先在“通讯簿”或“安全列表”中添加地址可以防止今后来自这些地址的邮件被发送到“垃圾邮件”文件夹。 
                      </p>
                                </td>
                  </tr>
                  
                </table>
              </div>
                          <div id=excl 
                  style="WIDTH: 560px;POSITION: absolute; HEIGHT: 150; z-index: 1; visibility: hidden; background-color: F2F2F2; layer-background-color: F2F2F2; border: 1px none #000000"> 
                            <table cellspacing=5 cellpadding=2 width="560">
                              <tr> 
                                <td width="953">“垃圾邮件过滤器”的保护级别被设置成“专用”。来自“通讯簿”或“安全列表”邮件地址中的邮件将被发送到您的“收件箱”。所有其他的电子邮件则被传送到“垃圾邮件”文件夹。 
                                  <p>请您经常查看“通讯簿”以便在“收件箱”中获得所需的邮件。当您给未列在“通讯簿”中的成员发送邮件时,我们会通过提醒您创建一个通讯簿条目使整个过程变得更加简便。 
                                  <p>请您查看“垃圾邮件”文件夹中的内容以此来查找有无需要移动到“收件箱”中的邮件,这一步骤是非常重要的,接下来请将发件人的电子邮件地址添加到您的“通讯簿”或“安全列表”。 
                                  </p>
                                </td>
                  </tr>
                  
                </table>
              </div>
                          
            </td>
          </tr>
          
        </table>
                    <TABLE cellSpacing=0 cellPadding=0 width=560>
                       
                      <TR>
                        <TD align=right height="30"> 
                          <INPUT class=bottom  type=submit value=" 确定 "> 
                    
                          <INPUT class=bottom type=button value=" 取消 " name="Button"> 
              </TD></TR></TABLE>
            <P>
            
            </FORM>
  • 下一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com