|
例9 隐藏和显示文本
<html>
<head>
<title>DHtml举例9</title>
<style><!--
body
{font-family:"宋体";font-size:9pt}
.gray {color:gray}
.blue
{color:blue}
-->
</style>
<script
language="JavaScript">
function change() {
if(Ques.style.display ==
"none")
{
Answ.style.display = "none";
Ques.style.display =
"";
}
else
{
Answ.style.display = "";
Ques.style.display =
"none";
}
}
document.onclick=change;
</script>
<body>
<ul>
<li
id="Ques" class="gray" style="display:''">请您点击，OK?
<li id="Answ"
class="blue"
style="display:'none'">哈哈，我变了，请您再点击。
</ul>
</body>
</html>
此例中，文本将在您点击以后改变颜色和内容，奇妙吧。display=""或"null"是显示文本，而display="none"时是显示文本，上边的代码对您来说应该多能读懂，我就不多作解释了。
上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页
|
评论
收藏
分享
打印
