MozTW 討論區
https://forum.moztw.org/

如何讓用span做的連結觸碰變色-CSS
https://forum.moztw.org/viewtopic.php?f=13&t=18200		 第 1 頁 (共 1 頁)
發表人:  lkk6015 [ 2007-03-27, 21:15 ]
文章主題 :  如何讓用span做的連結觸碰變色-CSS
請大大幫忙一下
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<link rel="icon" href="Google-16x16.png" type="image/png">
<title>My Bookmark Pages</title>
<style type="text/css">
<!--
/*書籤列*/
#bookmark-url {font-size:14px;color:#0000FF;}/*書籤字體大小+顏色*/
#book-bookmark-div {background-color: #EEEEEE;text-align:left;overflow:auto;height:299;width:200;} /*書籤背景顏色*/
#bookmark-urlo {font-size:16px;color:#000000;}/*書籤標題字體大小+顏色*/
#div-url {width: 180; height: 20;}

-->
</style>
</head>

<body>
<span id=bkj style="width:100%; ">
<p>
</p>
<!--包含整頁-->
物件隱藏
<div style="width:100%; " id=vfd>My Bookmark Pages</div>

<div id=table1>
<center>
<table width=496 height=1 id=AutoNumber1>
<tr>
<td width=119 height=154>

<!--側邊欄連結開始-->
<div align=center id=book-bookmark-div>
<div id=div-url><span ID=bookmark-urlo>Mozilla Firefox</span>
<div id=div-url><span ID=bookmark-url onClick=window.open('http://mozilla-taiwan.org/firefox/central/','_blank')>Mozilla Firefox首頁</span></div>
<div id=div-url><span ID=bookmark-url onClick=window.open('http://forum.moztw.org/','_blank')>Mozilla Taiwan 討論區 首頁</span></div>
<div id=div-url><span ID=bookmark-urlo></span>
<div id=div-url><span ID=bookmark-url onClick=window.open('','_blank')></span></div>
</div> <!--側邊欄連結結束-->
</td>
<td style=width:100% height=154 align=center valign=top>　

物件隱藏

</td>
</tr>
</table>
</center>
</div>
物件隱藏
</span>
</body>

</html>
發表人:  wini [ 2007-03-27, 21:41 ]
文章主題 : 
:focus 好像只能用在 a 和 input 跟 textarea 上的樣子，要弄在 span 上要靠 JavaScript 吧……
發表人:  legnaleurc [ 2007-03-27, 22:09 ]
文章主題 : 
如果你是用<a>去寫連結的話
用擬似類別就好了
不過你堅持要用JavaScript的話....

onMouseDown="this.style.color = 'black';"
onMouseOver = "this.style.color = 'red'; this.style.cursor = 'pointer';"
onMouseOut = "this.style.color = 'blue';"
"每個"<span>都要加上這些事件
如果你有十個連結就要寫十次
當然也可以用addListener的方式
不過加入監聽函式的部分
你最好找個函式庫來用
因為IE和其他瀏覽器的監聽函式不同

另外,這個CODE是某個程式產生的還是你自己打的?總覺得非常不符合標準
這個源碼非常怪的一點是(我認為啦),id必須要是獨一無二的
想複數指定應該要用class

如果正常的使用<a>的話
只要
<a href="uri">blah</a>

<style type="text/css">
a:focus {
color:'black';
}
a:hover {
color: 'red';
}
</style>
發表人:  不惑仔Boohover [ 2007-03-27, 23:38 ]
文章主題 : 
真是不懂，連結就用<a>就好了，為什麼多此一舉用<span>？

就算一定要用span，也可以放在<a>裡面呀，大概像這樣

代碼:
<a href="#" onclick="~"><span>~</span></a>


那css就可以如此指定

代碼:
a:hover span,a:focus span{~~}

a可以變成指定的id或class名稱


此外，fx及ie7都已經支援所有元素hover的css定義，所以不知道你的”觸碰”是指什麼，好新鮮的名詞唷！


另外，而且如樓上所示，id在同一文件內重複使用是不符合標準的，或許瀏覽器暫時可讓你過關，不過不保證會正常呈現唷！
發表人:  BobChao [ 2007-03-28, 10:18 ]
文章主題 : 
盡可能別用 span 做 a 該做的事情吧？ ^^;
發表人:  kourge [ 2007-03-28, 14:04 ]
文章主題 : 
標籤+class 高湯。用 <a> 比較好， href="#"
發表人:  lkk6015 [ 2007-03-28, 17:13 ]
文章主題 : 
BobChao 寫:
盡可能別用 span 做 a 該做的事情吧？ ^^;

那位蛇麼每次的連結後面都冒出一堆東西我沒去設定他
但是他還是跑出來
例如
<a target="_blank" ADD_DATE="1149336479" LAST_VISIT="1149338392" LAST_CHARSET="Big5" ID="bookmark-url" style="text-decoration: none" href="http://tw.yahoo.com./">
裡面的 ADD_DATE="1149336479" LAST_VISIT="1149338392" LAST_CHARSET="Big5"
總是自己跑出來
每次要編輯html的時候就很難編輯
不知有沒有解決辦法
發表人:  legnaleurc [ 2007-03-28, 19:01 ]
文章主題 : 
lkk6015 寫:
那位蛇麼每次的連結後面都冒出一堆東西我沒去設定他
但是他還是跑出來
例如
<a target="_blank" ADD_DATE="1149336479" LAST_VISIT="1149338392" LAST_CHARSET="Big5" ID="bookmark-url" style="text-decoration: none" href="http://tw.yahoo.com./">
裡面的 ADD_DATE="1149336479" LAST_VISIT="1149338392" LAST_CHARSET="Big5"
總是自己跑出來
每次要編輯html的時候就很難編輯
不知有沒有解決辦法


換掉你正在用的寫網頁程式吧
雖然自己打code可能很慢
不過不會出現垃圾code
發表人:  lkk6015 [ 2007-03-28, 19:32 ]
文章主題 : 
legnaleurc 寫:
lkk6015 寫:
那位蛇麼每次的連結後面都冒出一堆東西我沒去設定他
但是他還是跑出來
例如
<a target="_blank" ADD_DATE="1149336479" LAST_VISIT="1149338392" LAST_CHARSET="Big5" ID="bookmark-url" style="text-decoration: none" href="http://tw.yahoo.com./">
裡面的 ADD_DATE="1149336479" LAST_VISIT="1149338392" LAST_CHARSET="Big5"
總是自己跑出來
每次要編輯html的時候就很難編輯
不知有沒有解決辦法


換掉你正在用的寫網頁程式吧
雖然自己打code可能很慢

是office裡面附屬程式寫的耶
不過不會出現垃圾code
發表人:  legnaleurc [ 2007-03-28, 19:39 ]
文章主題 : 
lkk6015 寫:
是office裡面附屬程式寫的耶


不要跟我說是FrontPage....囧

真的要用GUI開發工具,我個人是prefer Dreamweaver to FrontPage
不過我也沒在用就是了(沒錢)....一直都在用很原始的方法寫網頁
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/