史萊姆論壇

返回   史萊姆論壇 > 專業主討論區 > 程式語言討論區
刷新本頁 疑問 - HTML 當onmouseover可否一次換出4張圖
忘記密碼?
論壇說明

歡迎您來到『史萊姆論壇』 ^___^

您目前正以訪客的身份瀏覽本論壇，訪客所擁有的權限將受到限制，您可以瀏覽本論壇大部份的版區與文章，但您將無法參與任何討論或是使用私人訊息與其他會員交流。若您希望擁有完整的使用權限，請註冊成為我們的一份子，註冊的程序十分簡單、快速，而且最重要的是－－註冊是完全免費的！

請點擊這裡：『註冊成為我們的一份子！』

Google 提供的廣告


發文 回覆
 
主題工具 顯示模式
舊 2008-09-21, 09:34 PM   #1
飛行船大大
註冊會員
 
飛行船大大 的頭像
榮譽勳章
UID - 282126
在線等級: 級別:13 | 在線時長:238小時 | 升級還需:14小時級別:13 | 在線時長:238小時 | 升級還需:14小時級別:13 | 在線時長:238小時 | 升級還需:14小時
註冊日期: 2007-10-09
文章: 156
精華: 0
現金: 282 金幣
資產: 7282 金幣
預設 疑問 - HTML 當onmouseover可否一次換出4張圖


--------------------
閱讀本主題的最佳解答
--------------------


在http://www.cnyes.com/ 網頁中 下方有一表格
亞
歐
美
期指
油
農
-----
當滑鼠停在某一 .GIF上時 右側 會換圖3或4張
我只要一個網頁 就單純的只顯示出 此表格功能 (~不要整個網址http://www.cnyes.com/ )


我爬文找了一段圖檔換圖法 , 但是只能換一張圖.
請問那位大大&仁兄&網友 可否改成一次換出4張圖 ....(ECHO)
或用其他的方式寫.HTM 可以達到相同功能.
多謝指點~
----------------------------
圖檔換圖法 ── 行內 js 寫法


選項一

選項二

選項三


<IMG SRC="載入圖檔" width="70" BORDER="0" NAME="c0">
<A HREF="#"
onmouseover="document.images.c0.src='選項一圖檔'"
onmouseout="document.images.c0.src='載入圖檔'">選項一</A>
<A HREF="#"
onmouseover="document.images.c0.src='選項二圖檔'"
onmouseout="document.images.c0.src='載入圖檔'">選項二</A>
<A HREF="#"
onmouseover="document.images.c0.src='選項三圖檔'"
onmouseout="document.images.c0.src='載入圖檔'
此帖於 2008-09-21 09:46 PM 被 飛行船大大 編輯.
飛行船大大 目前離線  
送花文章: 169, 收花文章: 55 篇, 收花: 132 次
回覆時引用此帖
舊 2008-09-22, 03:01 PM   #2 (permalink)
長老會員
 
cwvdavid 的頭像
榮譽勳章
UID - 476
在線等級: 級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時
註冊日期: 2002-12-06
住址: 天與地的夾縫
文章: 3106
精華: 0
現金: 5256 金幣
資產: 2034465 金幣
預設
請自備 下列圖檔
a1.jpg, a2.jpg, a3.jpg, a4.jpg
b1.jpg, b2.jpg, b3.jpg, b4.jpg
c1.jpg, c2.jpg, c3.jpg, c4.jpg
d1.jpg, d2.jpg, d3.jpg, d4.jpg
e1.jpg, e2.jpg, e3.jpg, e4.jpg

語法:
<html>

<head>
<meta http-equiv="Content-Language" content="zh-tw">
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>01</title>

<script>
	function ChangeImg(imgPath1, imgPath2, imgPath3, imgPath4) //更換圖檔
	{
		document.getElementById("Img1").src = imgPath1; //把第一個圖的路徑, 放進表格的第一張圖中, 進行換圖
		document.getElementById("Img2").src = imgPath2; //把第一個圖的路徑, 放進表格的第一張圖中, 進行換圖
		document.getElementById("Img3").src = imgPath3; //把第一個圖的路徑, 放進表格的第一張圖中, 進行換圖
		document.getElementById("Img4").src = imgPath4; //把第一個圖的路徑, 放進表格的第一張圖中, 進行換圖
	}
</script>
</head>

<body>

<table border="1" id="table1">
	<tr>
		<td><div onmouseover="ChangeImg('a1.jpg','a2.jpg','a3.jpg','a4.jpg')">01</div></td>
		<td rowspan="5"><img id="Img1" width="150" height="150" border="0"></td>
		<td rowspan="5"><img id="Img2" width="150" height="150" border="0"></td>
		<td rowspan="5"><img id="Img3" width="150" height="150" border="0"></td>
		<td rowspan="5"><img id="Img4" width="150" height="150" border="0"></td>
	</tr>
	<tr>
		<td><div onmouseover="ChangeImg('b1.jpg','b2.jpg','b3.jpg','b4.jpg')">02</div></td>
	</tr>
	<tr>
		<td><div onmouseover="ChangeImg('c1.jpg','c2.jpg','c3.jpg','c4.jpg')">03</div></td>
	</tr>
	<tr>
		<td><div onmouseover="ChangeImg('d1.jpg','d2.jpg','d3.jpg','d4.jpg')">04</div></td>
	</tr>
	<tr>
		<td><div onmouseover="ChangeImg('e1.jpg','e2.jpg','e3.jpg','e4.jpg')">05</div></td>
	</tr>
</table>

</body>

</html>
__________________
姜太公釣魚~ 願者上鉤
cwvdavid 目前離線  
送花文章: 4036, 收花文章: 2466 篇, 收花: 10141 次
回覆時引用此帖
向 cwvdavid 送花的會員:
飛行船大大 (2008-09-23)
感謝您發表一篇好文章
舊 2008-09-23, 05:45 AM   #3 (permalink)
註冊會員
 
飛行船大大 的頭像
榮譽勳章
UID - 282126
在線等級: 級別:13 | 在線時長:238小時 | 升級還需:14小時級別:13 | 在線時長:238小時 | 升級還需:14小時級別:13 | 在線時長:238小時 | 升級還需:14小時
註冊日期: 2007-10-09
文章: 156
精華: 0
現金: 282 金幣
資產: 7282 金幣
預設
引用:
作者: cwvdavid 查看文章
請自備 下列圖檔
a1.jpg, a2.jpg, a3.jpg, a4.jpg
b1.jpg, b2.jpg, b3.jpg, b4.jpg
c1.jpg, c2.jpg, c3.jpg, c4.jpg
d1.jpg, d2.jpg, d3.jpg, d4.jpg
e1.jpg, e2.jpg, e3.jpg, e4.jpg
好厲害歐 ~ 我以前就在猜 你可能是專門設計這方面的人材...ECHO
~ 多謝指點

我剛剛實際套用時, 你的方式是沒問題的, 但我若指定原來的鉅亨網的圖時 發現另一個新的問題
之前我查出的.JPG 如下

'日經225 H TTP://www.cnyes.com/intraday/am/JP_NIKI_9704.PNG?1221213217187
'南韓綜合 H TTP://www.cnyes.com/intraday/am/KR_KSPI_9704.PNG?1221213217187
'香港恆生 H TTP://www.cnyes.com/intraday/am/HK_HSI_9704.PNG?1221213291875
'中國上證 H TTP://www.cnyes.com/intraday/am/cn_shi_9704.PNG?1221213338031

也就是說現在 我發現圖檔名變了
日經225 http://www.cnyes.com/intraday/am/JP_NIKI_9765.PNG
也就是說上次都是 ..._9704.PNG 現在都變成 ..._9765.PNG
如此一來檔名會經常變 ,那末 .HTML 若是寫成固定的檔名 ~就破功了(無法顯示正確的.PNG)

看來鉅亨網是故意換檔名~ 不知大大有解決的良策? 那些.PNG 檔名好像不規律
我只要那個表 .PNG檔名的問題好像比較嚴重
此帖於 2008-09-23 05:57 AM 被 飛行船大大 編輯.
飛行船大大 目前離線  
送花文章: 169, 收花文章: 55 篇, 收花: 132 次
回覆時引用此帖
舊 2008-09-23, 09:02 AM   #4 (permalink)
長老會員
 
cwvdavid 的頭像
榮譽勳章
UID - 476
在線等級: 級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時
註冊日期: 2002-12-06
住址: 天與地的夾縫
文章: 3106
精華: 0
現金: 5256 金幣
資產: 2034465 金幣
預設
動態產生的圖檔, 檔名本來就不會固定
(固定檔名反而會造成 瀏覽器暫存, 看不到最新結果)

我在設計時, 也一定是產生不同檔名(以日期時間做為輸出檔名, 以便讓user每次都看到不同的圖片)
然後定時清舊過期的圖檔(避免硬碟容量一直被吃掉)

你要直接抓對方的圖, 一定是沒辦法的
cwvdavid 目前離線  
送花文章: 4036, 收花文章: 2466 篇, 收花: 10141 次
回覆時引用此帖
向 cwvdavid 送花的會員:
飛行船大大 (2008-09-23)
感謝您發表一篇好文章
舊 2008-09-23, 11:02 AM   #5 (permalink)
註冊會員
 
飛行船大大 的頭像
榮譽勳章
UID - 282126
在線等級: 級別:13 | 在線時長:238小時 | 升級還需:14小時級別:13 | 在線時長:238小時 | 升級還需:14小時級別:13 | 在線時長:238小時 | 升級還需:14小時
註冊日期: 2007-10-09
文章: 156
精華: 0
現金: 282 金幣
資產: 7282 金幣
預設
引用:
作者: cwvdavid 查看文章
動態產生的圖檔, 檔名本來就不會固定
(固定檔名反而會造成 瀏覽器暫存, 看不到最新結果)

我在設計時, 也一定是產生不同檔名(以日期時間做為輸出檔名, 以便讓user每次都看到不同的圖片)
然後定時清舊過期的圖檔(避免硬碟容量一直被吃掉)

你要直接抓對方的圖, 一定是沒辦法的
那麼請問 在http://www.cnyes.com/ 網頁 檢視-->原始檔 很長　，可否看一下 它是以何方式來產生...97XX.PNG 呢?？？ (97是民國 , 但是XX算法是從何而來 我猜不出)
謝謝~
飛行船大大 目前離線  
送花文章: 169, 收花文章: 55 篇, 收花: 132 次
回覆時引用此帖
舊 2008-09-23, 01:21 PM   #6 (permalink)
長老會員
 
cwvdavid 的頭像
榮譽勳章
UID - 476
在線等級: 級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時級別:46 | 在線時長:2395小時 | 升級還需:2小時
註冊日期: 2002-12-06
住址: 天與地的夾縫
文章: 3106
精華: 0
現金: 5256 金幣
資產: 2034465 金幣
預設


畫面最上面有個key
// for CHART
var key="_9765";


中間的部份有
語法:
function SwapPNG(iIndex)
{
  
  var objIMG = new Array(4);
  var imgSrc = new Array("",
                         "http://www.cnyes.com/intraday/am/JP_NIKI" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/KR_KSPI" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/HK_HSI" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/cn_shi" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/GB_FTSE" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/DE_DAXX" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/FR_CAC" + key + ".PNG",
                         "http://www.cnyes.com/images/home150_130.gif",
                         "http://www.cnyes.com/intraday/am/US_DJI" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_COMP" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_SPX" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_SOX" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_SP1" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_ND1" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_ZD1" + key + ".PNG",
                         "http://www.cnyes.com/images/home150_130.gif",
                         "http://www.cnyes.com/intraday/am/US_DCL1" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_GC1" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_HG1" + key + ".PNG",
                         "http://www.cnyes.com/images/home150_130.gif",
                         "http://www.cnyes.com/intraday/am/US_SOY" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_CORN" + key + ".PNG",
                         "http://www.cnyes.com/intraday/am/US_WHEAT" + key + ".PNG",
                        "http://www.cnyes.com/images/home150_130.gif");

沒意外的話是定時變更 key值
你試試看
cwvdavid 目前離線  
送花文章: 4036, 收花文章: 2466 篇, 收花: 10141 次
回覆時引用此帖
有 2 位會員向 cwvdavid 送花:
rank (2008-09-27),飛行船大大 (2008-09-24)
感謝您發表一篇好文章
發文 回覆

« 上一主題 | 下一主題 »


發表規則
您不可以發文
您不可以回覆主題
您不可以上傳附加檔案
您不可以編輯您的文章
論壇啟用 BB 語法
論壇啟用 表情符號
論壇啟用 [IMG] 語法
論壇禁用 HTML 語法
Trackbacks are 禁用
Pingbacks are 禁用
Refbacks are 禁用


所有時間均為台北時間。現在的時間是 11:52 PM。

《 史萊姆的第一個家 》 - 論壇存檔 - 返回頂端

Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2024, Jelsoft Enterprises Ltd.

『服務條款』

* 有問題不知道該怎麼解決嗎？請聯絡本站的系統管理員 *


SEO by vBSEO 3.6.1