IT邦幫忙首頁 > 問答分類 > 程式設計

kane18456

IT邦初學者
10級

請問我想做這樣的效果要如何做呢用那些技術

轉寄

列印
檢舉

請問我想要做pchome中間那區塊的效果，要如何做呢，去那找相關資訊可以用php做嗎
貼圖中紅色框起來的地方

有貼圖但沒出來，所以直接附上網址謝謝
http://photo.pchome.com.tw/kane18456/122069427219/

於 2008-09-06 17:46:33 補充

收到書籤：

解決時間：2008-09-20 17:50:01

發問時間：2008-09-06 17:45:59

▼ ADVERTISEMENT ▼

最佳解答(網友推薦)

6人

回答：jamesjan ( IT邦好手1級 )

時間：2008-09-07 01:24:47

根據 PCHome 首頁的原始碼
他是透過 CSS & Javascript 做出來的

最簡單的方式就是將他的首頁存下來(要存完整 HTML,IE 反正就是要連 js & css 一起存起來)，再去 study 一下他的寫法即可

(不過他的 js 不一定存的下來就是)

<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">&nbsp;</div>
</div>
<!-- 區塊一 end-->

[-隱藏]