台灣最大程式設計社群網站
線上人數
494
 
會員總數:245785
討論主題:189420
歡迎您免費加入會員
討論區列表 >> 專欄文章 >> 滑鼠移過超連結時, 相對的網站1, 網站2或網站3, 能夠有顏色不同的顯示
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
滑鼠移過超連結時, 相對的網站1, 網站2或網站3, 能夠有顏色不同的顯示
價值 : 0 QP  點閱數:860 回應數:0
樓主

站務人員 站長
門外漢
0 1580
542 9
發送站內信

捐贈 VP 給 站務人員
<a href="web1.htm" onMouseOver="style.color='magenta'" onMouseOut="style.color=''">網站一</a>


===============================================



回應者: 小不點 kimoebox@yahoo.com.tw

<style>

.color1{background : blue;}

.color2{background : yellow;}

.normal{background:white;}

</style>

<div id=web1>網站1</div> <a herf=' ' onmouseover='onColor(1)' onmouseout='offColor(1)'>連結1</a>

<div id=web2>網站1</div> <a herf=' ' onmouseover='onColor(2)' onmouseout='offColor(2)'>連結1</a>

<script language=jscript>

function onColor(web){

var object;

object=eval("document.all.web"+web);

oColor="color"+web;

object.className=oColor;

}


function offColor(web){

var object;

object=eval("document.all.web"+web);

object.className="normal";

}

</script>


說明:

物件改變(指定)顏色(css): object.className=

eval() 可以產生指定字串所表示的物件或運算後的結果

例:

如果 web=1

eval("document.all.web"+web); 的結果就是

document.all.web1 這個物件



可以把 oColor 選擇顏色(css)設成某個範圍內的亂數,

這樣就不用設太多的 css
本篇文章發表於2002-04-28 00:00
目前尚無任何回覆
   

回覆
如要回應,請先登入.