怎样实现这个效果？

如图这种效果，点击【本月热点】下面的那个区域就改变了相应的内容

是怎么实现的呢？
希望高手给个思路

滑动门效果么？！！这个比35的简单。。

                        <!--一周回复排行头条-->
                        <!--{block name="spacenews" parameter="dateline/604800/showattach/1/showdetail/1/order/i.replynum DESC/limit/0,1/subjectlen/34/subjectdot/1/messagelen/100/messagedot/1/cachetime/18600/cachename/headnews/tpl/data"}-->
                        <div id="headline">
                        <!--{if !empty($_SBLOCK[headnews])}-->
                        <!--{loop $_SBLOCK[headnews] $value}-->
                                <strong><a href="$value[url]" target="_blank">$value[subject]</a></strong>
                                <p>$value[message]</p>
                        <!--{/loop}-->
                        <!--{/if}-->
                        </div>
                       
                        <div id="news" class="tabblock" style="margin-left: 274px;">
                                <h3 id="newstabs">
                                        <a id="newnewstab" href="javascript:setTab('news','newnews');" class="tab curtab">最新资讯</a>
                                        <a id="hotnewstab" href="javascript:setTab('news','hotnews');" class="tab">本月热点</a>
                                </h3>
                                <!--{block name="spacenews" parameter="order/i.dateline DESC/limit/0,6/cachetime/85400/subjectlen/40/subjectdot/1/cachename/hotnews1/tpl/data"}-->
                                <div id="newnews" class="tabcontent">
                                        <ul class="msgtitlelist" style="height: 144px;">
                                                <!--{loop $_SBLOCK['hotnews1'] $value}-->
                                                <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
                                                <!--{/loop}-->
                                        </ul>
                                </div>
                                <!--站内热门资讯列表(一月)-->
                                <!--{block name="spacenews" parameter="dateline/2592000/order/i.viewnum DESC/limit/0,6/cachetime/97200/subjectlen/40/subjectdot/1/cachename/hotnews2/tpl/data"}-->
                                <div id="hotnews" class="tabcontent" style="display: none;">
                                        <ul class="msgtitlelist" style="height: 144px;">
                                                <!--{loop $_SBLOCK['hotnews2'] $value}-->
                                                <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
                                                <!--{/loop}-->
                                        </ul>
                                </div>
                        </div>
                </div>

注意彩色的部分，就是实现了DIV之间的转换，你要是想添加，就需要添加相应的DIV

[ 本帖最后由 理解万岁 于 2007-7-2 17:13 编辑 ]

javascript:setTab('news','hotnews');
这句话是怎么让下面改变的啊？

这句话的意思就是选择其中一个之后改变下面的DIV

学习..................