根據 PCHome 首頁的原始碼
他是透過 CSS & Javascript 做出來的
最簡單的方式就是將他的首頁存下來(要存完整 HTML,IE 反正就是要連 js & css 一起存起來),再去 study 一下他的寫法即可
(不過他的 js 不一定存的下來就是)
<pre class="c" name="code">
<script language="JavaScript" type="text/JavaScript" src="js/index.js?1220669429"></script>
<link href="css/pcstyle.css" rel="stylesheet" type="text/css">
<!-- 區塊一 -->
<div id="forad">
<div id="mnavob1">
<span class="mnavbl"></span>
<span class="mnavb11"><div id="mnav_7" name="mnav1"><a href="counter.php?sid=114564" name="block_a" onmouseover="setCSS2(7,1,this)">線上購物</a></div></span>
<span class="mnavb11"><div id="mnav_6" name="mnav1"><a href="counter.php?sid=114565" name="block_a" onmouseover="setCSS2(6,1,this)">24h購物</a></div></span>
<span class="mnavb11"><div id="mnav_29" name="mnav1"><a href="counter.php?sid=114567" name="block_a" onmouseover="setCSS2(29,1,this)">樂屋網</a></div></span>
<span class="mnavb11"><div id="mnav_5" name="mnav1"><a href="counter.php?sid=114568" target="_blank" name="block_a" onmouseover="setCSS2(5,1,this)">觀光旅遊</a></div></span>
<span class="mnavbn"><div id="mnav_4" name="mnav1"><a href="counter.php?sid=114569" name="block_a" onmouseover="setCSS2(4,1,this)">露天拍賣</a></div></span>
<span class="mnavbr"></span>
</div>
<div id="mainb1"> </div>
</div>
<!-- 區塊一 end-->
那個索引標籤的功能是透過 AJAX 做出來的
不知道這個你尬乙嗎?
Nitobi Tabstrip