0

Im trying to create a one mouse over effect that will show a background when the mouse is over an table column.

Anyone that knows how this can be done?

Thanks.

2
Contributors
3
Replies
4
Views
7 Years
Discussion Span
Last Post by ytregnn
0
<html><head>
<style type='text/css'>
.thisclass { text-decoration:none; }
.thisclass:hover { background-color: /* url: whatever.image; */ repeat:repeat-y;#66cdaa; text-decoration:none; } 
</style>
</head><body>
bla bla bla
<element class='thisclass'>bla bla bla</element>
bla bla bla
</body>
<script type="text/javascript">
//<![CDATA[
<!-- 
image1 = new Image();
image1.src = "whatever.image;";
//-->
//]]>
</script>
</html>

image background for chosen element, and caches the image after the page is loaded so that mouseover effects work immediately

Edited by almostbob: n/a

0

Thanks.

I tried to use your script and changed "whatever.image" to the image I'd like to use, but somehow it doesn't work.

I can only see the "bla bla bla" on the website, nothing happens when I have the mouse over the text, etc.

<html><head>
<style type='text/css'>
.thisclass { text-decoration:none; }
.thisclass:hover { background-color: /* url: imageadress.gif; */ repeat:repeat-y;#66cdaa; text-decoration:none; } 
</style>
</head><body>
bla bla bla
<element class='thisclass'>bla bla bla</element>
bla bla bla
</body>
<script type="text/javascript">
//<![CDATA[
<!-- 
image1 = new Image();
image1.src = "imageadress.gif;";
//-->
//]]>
</script>
</html>
0

Thanks.

I tried to use your script and changed "whatever.image" to the image I'd like to use, but somehow it doesn't work.

I can only see the "bla bla bla" on the website, nothing happens when I have the mouse over the text, etc.

<html><head>
<style type='text/css'>
.thisclass { text-decoration:none; }
.thisclass:hover { background-color: /* url: imageadress.gif; */ repeat:repeat-y;#66cdaa; text-decoration:none; } 
</style>
</head><body>
bla bla bla
<element class='thisclass'>bla bla bla</element>
bla bla bla
</body>
<script type="text/javascript">
//<![CDATA[
<!-- 
image1 = new Image();
image1.src = "imageadress.gif;";
//-->
//]]>
</script>
</html>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.