gpt4 book ai didi

javascript - 如何制作溢出链接?

转载 作者:行者123 更新时间:2023-11-30 13:29:31 26 4
gpt4 key购买 nike

您如何制作一个链接,当按下该链接时,无需重新加载页面即可显示有关某些内容的更多信息? (我相信这叫做溢出?)

这里是一个例子:

https://market.android.com/details?id=com.jiwire.android.finder&feature=featured-apps

点击Description部分下的MORE按钮,会显示更多的描述,整个网页的内容会向下滑动,无需重新加载

谢谢!

最佳答案

利用这个

    <!DOCTYPE html>
<html>
<head>
<style>
div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
Click me!
<div></div>
<div></div>
<div></div>
<script>
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").slideDown("slow");
} else {
$("div").hide();
}
});

</script>

<script>
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").show("slow");
} else {
$("div").slideUp();
}
});

</script>
</body>
</html>

关于javascript - 如何制作溢出链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7301988/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com