jq(HIDE OR SHOW)

最新推荐文章于 2022-02-25 19:38:17 发布

原创最新推荐文章于 2022-02-25 19:38:17 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#class #generator #border #c #xhtml #html

本文介绍了一种使用HTML和JavaScript实现的彩色文本效果展示方法。通过简单的代码即可在网页上呈现绚丽多彩的文字效果。

<!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">
虽然简单，但是我感觉这个超级好用，无敌了。 哈哈！可以弄各种绚丽效果。

</div>
 
<div OnClick="SenFe_Code(this,'SenFe_2');" class="bbb">显示</div>
<div id="SenFe_2" class="xs">
反正不会是哭，也许火星上有个角落可以让老爷们去哭。

</div>
 
</body>
</html>