找回密码
 注册
首页 › ≡≡网络技术≡≡ › WEB前端 ›一个html隐藏/显示效果
返回列表 发新帖

一个html隐藏/显示效果

灰儿 2008-10-1 11:29:14
---------------------------------------------------------------------------------------------------
隐藏效果:
---------------------------------------------------------------------------------------------------
<html>
<head>
<title>隐藏效果</title>
<body>
<div id="div1" style="display:none;">how are you？ 你能看到我吗？</div>
</body>
</html>

-----------------------------------------------------------------------------------------------------
隐藏与显示可切换效果：
-----------------------------------------------------------------------------------------------------
<html>
<head>
<title>隐藏/显示效果</title>
<script>
function show()
{
var span1=document.getElementById("span1");
var div1=document.getElementById("div1");
if(span1.innerText=="-")
  {div1.style.display="none";
   span1.innerText="+";
   }
else
   {div1.style.display="block";
    span1.innerText="-";
}
}
</script>
</head>
<body>
<a href="javascript:show()"><span id="span1">+</span></a>[词语解释]
<div id="div1" style="display:none;">how are you？ 你好吗？</div>
</body>
</html>

[ 本帖最后由 灰儿 于 2008-10-1 11:34 编辑 ]
回复

使用道具 举报

B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容，利用碎片时间，随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源，帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容，利用碎片时间，随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源，帮商家快速完成产品设计、降低生产成本。
关注管理员之家(admin365.cn)，利用碎片时间，随时随地获取优质内容！
关于我们联系我们商务合作寻求报道投稿须知
意见反馈：lxtdj@163.com
稿件投诉：lxtdj@163.com
7×24小时：18805246622
商务合作：18805246622
内容合作QQ：82931570
客服QQ：82931570

关注我们

关注泗洪热线官方微博
微博账号lxtdj@163.com

关注泗洪热线微信公众号
关注泗洪热线，关注泗洪生活
商务合作、媒体邀约
QQ: 82931570
Copyright © 2021 大湖网络 Powered by 管理员之家 - 苏ICP备2023053177号-2
微信扫一扫