html如何让点击后隐藏的内容改为默认隐藏点击后展开,在线等!

html如何让点击后隐藏的内容改为默认隐藏点击后展开,在线等!,第1张

html标签默认隐藏点击后展开:在div中添加(style="display:none")属性即可。

打开浏览器重新刷新页面,其结果为:

点击调查内容。其结果为:

超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。

为你的tr都加上id,分别为id="tr1",id="tr2",id="tr3",。。。。。。,同时把所有tr都隐藏,display="none"
在windowonload中,documentgetElementById("tr"+$id)styledisplay="";

层:
<div id="invisible_layer" style="position:absolution;left:100;top:100;width:200;height:200;border:1px solid black; visibility="hidden">隐藏的层</div>
点击的链接:
<a href="javascript:showlayer();">显示隐藏的层</a>
网页的head:
<script type="text/javascript">
function showlayer()
{
documentGetElementById("invisible_layer")stylevisibility="visible";
}
</script>

<div id="aaa">外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面外面</div>
<script>
var str = $("#aaa")html();
if (strlength > 20)
{
var b="";
for (var i = 0; i < 20; i++)
{
b += str[i];
}
$("#aaa")html(b)append("<a href='#' id='shide'>展开</a>");
$("#aaa")delegate("#shide", "click", function () {
if ($(this)html() == "展开") {
$("#aaa")html(str)append("<a href='#' id='shide'>收起</a>");
} else {
$("#aaa")html(b)append("<a href='#' id='shide'>展开</a>");
}
});
}
</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/yw/13332332.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-16
下一篇 2023-07-16

发表评论

登录后才能评论

评论列表(0条)

保存