How to make transparent onmouseout?
Hello! :)
This is my table with onmouseover and onmouseout. How to make transparent for onmouseout?
HTML Code:
<div style="border: 0px solid rgb(218, 222, 225); border-radius: 7px 7px 7px 7px; background: url("http://store.picbg.net/pubpic/1D/93/dc3793dbcc3b1d93.gif") repeat scroll 0% 0% rgb(225, 225, 225); color: rgb(48, 58, 70); padding: 16px;">
<div style="background: url("http://store.picbg.net/pubpic/B4/E3/abbaee215e52b4e3.jpg") repeat scroll 0% 0% rgb(225, 225, 225); color: rgb(48, 58, 70); padding: 20px;">
<table border="1" cellpadding="1" cellspacing="1" class="modernTable withHeader" width="850">
<thead>
<tr>
<td>Дата</td>
<td>Събитие</td>
<td>Категория</td>
<td>Участници</td>
<td>Линк</td>
</tr>
</thead>
<tbody>
<tr onmouseout="changecolor("transparent")" style="color:#ffffff;">
<td><span style="color:#ffffff;">14.10.2013</span></td>
<td>3-ти март</td>
<td>тържество</td>
<td>5-12 клас</td>
<td><span style="color:#ffffff;">Линк</span></td>
</tr>
<tr onmouseout="this.bgColor='#FFffff'" onmouseover="this.bgColor='#89C1F5'" style="color:#ffffff;">
<td><img alt="at" src="http://stats.souhssz.webnode.com/skins/grey/img/icons/flags/at.png" title="at"></td>
<td>Austria</td>
<td>Австрия</td>
<td>Австралия</td>
<td>Австралия</td>
</tr>
</tbody>
</table>
</div>
</div>
I use table on this page: http://www.souhssz.com/novini/
