<script>
function show1(){
document.getElementById("t1").style.display="block";
document.getElementById("t2").style.display="none";
document.getElementById("today").style.color="red";
document.getElementById("tomorrow").style.color="#000000";
}
function show2(){
document.getElementById("t2").style.display="block";
document.getElementById("t1").style.display="none";
document.getElementById("tomorrow").style.color="red";
document.getElementById("today").style.color="#000000";
}
</script>
</script>
<a href="#" id="today" onClick="show1();return false;">今天</a>//return false不刷新整个页面
<a href="#" id="tomorrow" onClick="show2();return false;" style="color:#000000">明天</a>
<p id="t1">11111111111111111</p>
<p id="t2" style="display:none;">22222222222</p>
本文介绍了一种使用JavaScript实现网页中不同内容块切换的方法。通过点击链接,可以在不刷新页面的情况下显示或隐藏特定的内容区域,适用于创建动态展示不同信息的网页。
2万+

被折叠的 条评论
为什么被折叠?



