Html hovering problem

I made a hovering html code table , but it’s only works when i first hovered it ! I want it to works straight away after i open my blog page ! Can anyone help me with the code ?

This is my code for the hovering effect :

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout=“this.style.opacity=0.1;this.filters.alpha.opacity=40”

Thx!:slight_smile:

Somewhere below the table:

<script type='text/javascript'>

document.getElementById( 'myTable' ).onmouseover();

</script>


Your question is a little unclear.

However, I’m thinking you might also need “onmouseout” to reverse the effects of what you did in “onmouseover”.

This is my code…how should add it in?

<body>

<table cellpadding=“0” cellspacing=“0” valign=“top” style=“margin-bottom: 0px;”>
<tr>
<td onmouseover=“this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout=“this.style.opacity=0.1;this.filters.alpha.opacity=40” valign=“top” height=“50px” width=“230px” style=“background: ;”>
<center><img width=“220px” src=” My Picture “>
<div class=“box2”>
<b><font size=“2” face=“Goudy Old Style” color=”#E9E9E9">" My Message "</font></b></center>
</table>

</body>

<html>
<head>
<title>TABLE</title>
</head>
<html>
<body>

<table  cellpadding="0" cellspacing="0" valign="top" style="margin-bottom: 0px;">
<tr>
<td id="myCell" onmouseover="this.style.opacity=1;this.style.filter='alpha(opacity=100)'" onmouseout="this.style.opacity=0.1;this.style.filter='alpha(opacity=10)'" valign="top" height="50px" width="230px" style="background: ;">
<center><img width="220px" src=" My Picture ">
<div class="box2">
<b><font size="2" face="Goudy Old Style" color="#E9E9E9">" My Message "</font></b></center>
</table>

<script type='text/javascript'>

document.getElementById( 'myCell' ).onmouseover();

</script>

</body>
</html>

Should i just copy it in or there’s certain part i must change?