jq(HIDE OR SHOW)

来源:互联网 发布:淘宝软文是啥 编辑:程序博客网 时间:2024/05/05 13:47

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>无标题文档</title>
  <meta http-equiv="content-type" content="text/html; charset=gb2312" />
  <meta name="generator" content="editplus">
  <meta name="author" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
 </head>
 <body>
 
<style>
.yc{display:block;background:#eee;border:1px solid #000}
.xs{display:none;}
.aaa{border:1px solid red}
.bbb{border:1px solid blue}
div{width:50%;}
</style>
<script>
function SenFe_Code(sname,sid){
 if(document.getElementById(sid).className=="xs"){
  document.getElementById(sid).className="yc";
  sname.className="aaa";
  sname.innerHTML="隐藏";
 }else{
  document.getElementById(sid).className="xs";
  sname.className="bbb";
  sname.innerHTML="显示";
 }
}
</script>
<div OnClick="SenFe_Code(this,'SenFe_1');" class="bbb">显示</div>
<div id="SenFe_1" class="xs"><Font Size=3 Face="楷体_GB2312">
<Font Color="#FF00FF">虽</Font><Font Color="#B400FF">然</Font><Font Color="#6900FF">简</Font><Font Color="#1E00FF">单</Font><Font Color="#0021FF">,</Font><Font Color="#005AFF">但</Font><Font Color="#0092FF">是</Font><Font Color="#00C0F0">我</Font><Font Color="#00C0A5">感</Font><Font Color="#00C05A">觉</Font><Font Color="#00C00F">这</Font><Font Color="#3CC000">个</Font><Font Color="#87C000">超</Font><Font Color="#D2C000">级</Font><Font Color="#FFAA00">好</Font><Font Color="#FF7100">用</Font><Font Color="#FF3900">,</Font><Font Color="#FF0000">无</Font><Font Color="#FF3800">敌</Font><Font Color="#FF7000">了</Font><Font Color="#FFA900">。</Font> <Font Color="#87C000">哈</Font><Font Color="#3CC000">哈</Font><Font Color="#00C00F">!</Font><Font Color="#00C05A">可</Font><Font Color="#00C0A5">以</Font><Font Color="#00C0F0">弄</Font><Font Color="#0093FF">各</Font><Font Color="#005BFF">种</Font><Font Color="#0022FF">绚</Font><Font Color="#1E00FF">丽</Font><Font Color="#6900FF">效</Font><Font Color="#B400FF">果</Font><Font Color="#FF00FF">。</Font>
</Font>
</div>
<br />
<div OnClick="SenFe_Code(this,'SenFe_2');" class="bbb">显示</div>
<div id="SenFe_2" class="xs"><Font Size=3 Face="楷体_GB2312">
<Font Color="#FF00FF">反</Font><Font Color="#9500FF">正</Font><Font Color="#2B00FF">不</Font><Font Color="#0030FF">会</Font><Font Color="#0080FF">是</Font><Font Color="#00C0EA">哭</Font><Font Color="#00C080">,</Font><Font Color="#00C016">也</Font><Font Color="#55C000">许</Font><Font Color="#BFC000">火</Font><Font Color="#FFA000">星</Font><Font Color="#FF5000">上</Font><Font Color="#FF0000">有</Font><Font Color="#FF5000">个</Font><Font Color="#FFA000">角</Font><Font Color="#C0C000">落</Font><Font Color="#55C000">可</Font><Font Color="#00C015">以</Font><Font Color="#00C07F">让</Font><Font Color="#00C0E9">老</Font><Font Color="#0080FF">爷</Font><Font Color="#0030FF">们</Font><Font Color="#2A00FF">去</Font><Font Color="#9400FF">哭</Font><Font Color="#FF00FF">。</Font>
</Font>
</div>
<br />
 </body>
</html>

原创粉丝点击