[問題]在td裡+上什麼可以讓td裡的文字連結變色？

文章由文 » 2004-11-24 10:37

我在很多地方問...也試過很多種方式...結果都無效...
其實我是寫了個簡單的js要配合css做一些簡單的動態效果...這些都還算簡單...
結果想不到要讓"連結"變色卻如此的難（搞不好根本不行這樣？）

我是要問

在td裡+上什麼可以讓td裡的文字連結變色？(<td ?????>文字連結</td>)

ps:只能在td裡+（或配合class定義的方式）...方式不限...只要能讓td裡的文字"連結"變色就可以了...

文章由 **小竹子** » 2004-11-24 10:38

CSS 先寫好然後再加入裡面就可以

文章由文 » 2004-11-24 10:42

不行吧？我幾乎都試過了？可否寫個可行的範例試試？（搞不好我寫的方式錯了）

文章由 **小竹子** » 2004-11-24 11:13

CSS

代碼: 選擇全部

.txt10pt {
	font-size: 10pt;
	color: #666666;
	line-height: 16pt;
	font-family: Arial, Helvetica, sans-serif;
}

TD

代碼: 選擇全部

<td width="74" bgcolor="#E1ECEC" class="txt10pt">

文章由文 » 2004-11-24 11:20

失敗...

hover的時候連結沒變色\r

代碼: 選擇全部

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>TEST</title>
<style>
.txt10pt { 
   font-size: 10pt; 
   color: #666666; 
   line-height: 16pt; 
   font-family: Arial, Helvetica, sans-serif; 
}
</style>
</head>

<body link="#008080">
<table width="100">
	<tr>
		<td width="103" bgcolor="#E1ECEC" onMouseover="this.className='txt10pt'"><a href="http://abc.xyz.com.tw/">Link for Test</a>
	</tr>
</table>
</body>

</html>

文章由文 » 2004-11-24 11:27

但是若+在<a>裡是可行的...（但我要在td阿!!!! XD）

例如<a onMouseover="this.className='ftms'">
<style>
.ftms {color:#FFFFFF}
</style>

文章由文 » 2004-11-24 12:07

我現在寫了一個我覺得很差的方式...

代碼: 選擇全部

<style>
.ftover {color:#F0F0F0}
.bgover {background-image:url(left_menu_bg.gif)}
</style>

<td style="border-bottom:1px solid #FFFFFF" onMouseOver="this.className='bgover'; document.all.m6.className='ftover'" onMouseOut="this.className=''; document.all.m6.className=''"><a href="xxx" id="m6">聯繫凡天</a></td>

文章由 **動機不明** » 2004-11-25 10:27

連結變色.... (加到 .css 裡面)

代碼: 選擇全部

a:link { color:#3333EE; text-decoration: underline ; cursor: hand }
a:visited { color:#800000}
a:active { color:#FF0000; text-decoration: none }
a:hover { font-size: 12pt; color:#0000FF ; text-decoration: none }

╮(￣▽￣||)╭

文章由文 » 2004-11-26 09:32

我知...這個方式是所有連結...

但我是要"獨立"且+在td裡（一般的方式來講...沒+在<a>裡是不行的）

不過我已經用js+css寫好新的了...THX

文章由 **warkinger** » 2004-12-19 02:41

代碼: 選擇全部

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>滑鼠移過來即可看到換色效果</title>
</head>
<body>
<p> </p>
<table width="294" border="1">
  <tr>
    <td width="284"><a href="http://warkinger.kgb.cz/"><font style=cursor:hand onMouseover="this.color='ff0000'"onmouseout="this.color='000000'">滑鼠移過來即可看到換色效果</font></a></td>
  </tr>
</table>
<p> </p>
</body>
</html>

不知是不是你要的，這效果我覺得比較好，存成htm執行看看

文章由 **tom82612** » 2004-12-19 03:04

It is a mod!!

open templates/your_tem/overall_header.tpl

find

代碼: 選擇全部

<!-- BEGIN switch_enable_pm_popup -->

after add

代碼: 選擇全部

<SCRIPT language=JavaScript><!-- Hide 
var rate = 20; 
var obj; 
var act = 0; 
var elmH = 0; 
var elmS = 128; 
var elmV = 255; 
var clrOrg; 
var TimerID; 
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { 
Browser = true; 
} else { 
Browser = false; 
} 
if (Browser) { 
document.onmouseover = doRainbowAnchor; 
document.onmouseout = stopRainbowAnchor; 
} 
function doRainbow() 
{ 
if (Browser && act != 1) { 
act = 1; 
obj = event.srcElement; 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100); 
} 
} 
function stopRainbow() 
{ 
if (Browser && act != 0) { 
obj.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0; 
} 
} 
function doRainbowAnchor() 
{ 
if (Browser && act != 1) { 
obj = event.srcElement; 
while (obj.tagName != 'A' && obj.tagName != 'BODY') { 
obj = obj.parentElement; 
if (obj.tagName == 'A' || obj.tagName == 'BODY') 
break; 
} 
if (obj.tagName == 'A' && obj.href != '') { 
act = 1; 
clrOrg = obj.style.color; 
TimerID = setInterval("ChangeColor()",100); 
} 
} 
} 
function stopRainbowAnchor() 
{ 
if (Browser && act != 0) { 
if (obj.tagName == 'A') { 
obj.style.color = clrOrg; 
clearInterval(TimerID); 
act = 0; 
} 
} 
} 
function ChangeColor() 
{ 
obj.style.color = makeColor(); 
} 
function makeColor() 
{ 
if (elmS == 0) { 
elmR = elmV; elmG = elmV; elmB = elmV; 
} 
else { 
t1 = elmV; 
t2 = (255 - elmS) * elmV / 255; 
t3 = elmH % 60; 
t3 = (t1 - t2) * t3 / 60; 
if (elmH < 60) { 
elmR = t1; elmB = t2; elmG = t2 + t3; 
} 
else if (elmH < 120) { 
elmG = t1; elmB = t2; elmR = t1 - t3; 
} 
else if (elmH < 180) { 
elmG = t1; elmR = t2; elmB = t2 + t3; 
} 
else if (elmH < 240) { 
elmB = t1; elmR = t2; elmG = t1 - t3; 
} 
else if (elmH < 300) { 
elmB = t1; elmG = t2; elmR = t2 + t3; 
} 
else if (elmH < 360) { 
elmR = t1; elmG = t2; elmB = t1 - t3; 
} 
else { 
elmR = 0; elmG = 0; elmB = 0; 
} 
} 
elmR = Math.floor(elmR); 
elmG = Math.floor(elmG); 
elmB = Math.floor(elmB); 
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); 
elmH = elmH + rate; 
if (elmH >= 360) 
elmH = 0; 
return clrRGB; 
} 
// --></SCRIPT>