关闭

点击今天和明天显示相应的内容

342人阅读 评论(0) 收藏 举报

<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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:26043次
    • 积分:478
    • 等级:
    • 排名:千里之外
    • 原创:21篇
    • 转载:8篇
    • 译文:0篇
    • 评论:5条
    文章分类
    最新评论