DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 如何實現鼠標經過DIV變色?
如何實現鼠標經過DIV變色?
編輯:CSS詳解     

<a href=""><div><span>合乎</span></div></a>
這種寫法是不合規范的。
A偽類<a href=""></a>中夾著div,span似乎不妥。
可用onmouseover,onmouSEOut來實現該效果。

<style>
body,td{font-family:Verdana,Arial,宋體; font-size:9pt;}
a{color:#000000;text-decoration:none;}
a:visited{color:#000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
.classCSS{letter-spacing:7;}
.tex{BORDER: #000000 1px solid ; font-family:"Verdana,Arial,宋體"; font-size:9pt; height : 20px}
</style>


<script language=JavaScript>
function overtable(this_s)
{
this_s.style.background='#CFD6E8';
this_s.style.border='1pt solid #0a246a';
}

function downtable(this_s)
{
this_s.style.backgroundColor='#8592b5'
}

function outtable(this_s)
{
this_s.style.background='';this_s.style.border='0pt solid #d4d0c8';
}
</script>

<p>&nbsp;</p><table width="279" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr align="center" valign="middle" >
    <td class=classCSS height="24" onMouseDown=downtable(this) onMouseOver="overtable(this)" onMouSEOut="outtable(this)"  style='CURSOR:hand'><a href="http://www.e-cn-e.com/index.htm" onFocus="this.blur()" target="content">健康上網忠告:適度上網益腦,沉迷網<br>絡傷身;合理安排時間,享受健康生活。</a></td>
  </tr>
</table>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved