iT邦幫忙

0

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

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

2 個回答

16
jamesjan
iT邦高手 1 級 ‧ 2008-09-07 01:24:47
最佳解答

根據 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-->
fillano iT邦超人 1 級 ‧ 2008-09-07 07:33:28 檢舉

我用firefox+JSView,按一個按鈕就可以抓下全部的script跟css。如果用webdeveloper,還可以抓下被javascript修改過的html source。

fillano iT邦超人 1 級 ‧ 2008-09-07 07:39:25 檢舉

setCSS2函數在index.js裡面。

kane18456 iT邦新手 5 級 ‧ 2008-09-09 20:46:26 檢舉

我也用firefox,之前聽過那套件,現在可以下載來試試 謝謝喔
謝謝j大 我會study的

16
alexc
iT邦高手 1 級 ‧ 2008-09-06 22:27:44

那個索引標籤的功能是透過 AJAX 做出來的
不知道這個你尬乙嗎?
Nitobi Tabstrip

jamesjan iT邦高手 1 級 ‧ 2008-09-07 01:14:53 檢舉

好像要錢的耶

kane18456 iT邦新手 5 級 ‧ 2008-09-09 20:45:04 檢舉

嗯 我再研究一下,因為是新手 很多都不懂 ^^ 謝謝

我要發表回答

立即登入回答