先前也講過諸如此類的知識，比如a:hover，通過a鏈接來實現(xiàn)更換背景，但有時需要更換背景的是某個div或是table，這時候使用a:hover顯然就不合適。那具體怎么弄呢，其實很簡單。
比如某個表格或是div的大小初始背景圖片為111.jpg，鼠標經(jīng)過以后要變換的背景是222.jpg，之后鼠標離開后，還是初始111.jpg背景，從來實現(xiàn)鼠標經(jīng)過后的對背景的變換。準備材料見附圖一：
代碼展示如下：
<table width="450" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="308" width="450" style="background:url(111.jpg); color:#FFFFFF; font-size:26px;" onmouseout="this.style.background='url(111.jpg)'" onmouseover="this.style.background='url(222.jpg)'">這是table里面的內(nèi)容文字，其實這個已經(jīng)不重要了，主要看鼠標經(jīng)過時的背景變換的效果</td>
</tr>
</table>
放在dreamweaver里面的狀態(tài)見附圖二：
程序運行結(jié)果見附圖三：
當然這個背景也可以換成背景顏色，代碼如下：
<table width="450" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="308" width="450" style="background:#f7fcff;" onmouseout="this.style.background='#f7fcff'" onmouseover="this.style.background='#ddeffb'">這是table里面的文字，看鼠標經(jīng)過時的背景顏色變換的效果，與上面圖片的形式一致，就不附圖給大家看了</td>
</tr>
</table>
上面是鼠標經(jīng)過表格或是div或是某種區(qū)域變換背景的代碼與運行，看懂了嗎？其實不復雜，動手操作一下就會了。
