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!
Somewhere below the table:
<script type='text/javascript'>
document.getElementById( 'myTable' ).onmouseover();
</script>
force
August 9, 2011, 3:18pm
3
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?