我如何调用这个模板把首页的互动中心换掉？

Question

本帖最后由 rsbbw 于 2010-01-27 16:29:47 编辑

Answer 1

你就要javascript就可以了function switchmodTag(modtag,modcontent,modk) { 
for(i=1; i <4; i++) { 
if (i==modk) { 
document.getElementById(modtag+i).className="menuOn";document.getElementById(modcontent+i).className="slidingList";} 
else { 
document.getElementById(modtag+i).className="menuNo";document.getElementById(modcontent+i).className="slidingList_none";} 
} 
} //modtag是标签的ID的共同点 如 test1,test2,test3 modtag就是字符test
modcontent同理是div的取名共同点。
className="menuOn";className="menuNo";是选中标签和不选中标签的标签的两种状态下的样式
同理slidingList slidingList_none是div的，记住slidingList，slidingList_none 里的css里有个关键点，就分别是隐藏和现实div
同样你也可以用style.display=""和style.display="none"你要用你的数据区套成下面的格式就OK。
就<div class="slidingList" id="slidingList1"> 
<ul> 
<li class="one"><span>1</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> 
<li class="one"><span>2</span><a href="http://www.html.org.cn">第一个的信息第一个的信息</a></li> 
<li class="one"><span>3</span><a href="http://www.luwei.net.cn">第一个的信息第一个的信息信息信息</a></li> 
<li class="one"><span>4</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> 
<li class="one"><span>5</span><a href="http://www.jscode.cn">第一个的信息第一个的信息</a></li> 
</ul> 
</div> 
<div class="slidingList_none" id="slidingList2"> 
<ul> 
<li class="two"><span>1</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> 
<li class="two"><span>2</span><a href="http://www.html.org.cn">第二个的信息第二个的信息</a></li> 
<li class="two"><span>3</span><a href="http://www.luwei.net.cn">第二个的信息第二个的信息信息信息</a></li> 
<li class="two"><span>4</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> 
<li class="two"><span>5</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> 
<li class="two"><span>6</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> 
<li class="two"><span>7</span><a href="http://www.jscode.cn">第二个的信息第二个的信息</a></li> 
</ul> 
</div> 
<div class="slidingList_none" id="slidingList3"> 
<ul> 
<li class="thr"><span>1</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> 
<li class="thr"><span>2</span><a href="http://www.html.org.cn">第三个的信息第三个的信息</a></li> 
<li class="thr"><span>3</span><a href="http://www.luwei.net.cn">第三个的信息第三个的信息信息信息</a></li> 
<li class="thr"><span>4</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> 
<li class="thr"><span>5</span><a href="http://www.jscode.cn">第三个的信息第三个的信息</a></li> 
</ul> 
</div>