OnMouseOver and OnMouseOut behaviour on table in Frontpage

G

Guest

"OnMouseOver and OnMouseOut Behaviour on the table
When the mouse pointer is on a cell of your table. The background color of
the cell will be changed (without any click of the mouse). When the mouse
point leaves the cell, the background color changes back to its original
form."

What is it and how can i add this effect with the frontpage 2003??
What is the differences between this and the DHTML Effects(Dynamic Effect)??
Are they the same?
 
S

Steve Easton

Here's a simple example that uses the mouse events to swap a style class that sets the
background color of one cell in a 2 row 2 column table.


<html>
<head>
<style type="text/css">
..red{
background-color: red;
}
..blue{
background-color: Blue;
}
</style>
</head>
<body>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse"
width="100%" id="table1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td onmouseover="this.className='red'" onmouseout="this.className='blue'"> &nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</body>

</html>


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can onmouseover change row borders? 3
styling in a gridview 1
Cahnge cell background on mouseover 3
onMouseOver Highlight Rows 3
How to do onmouseover/onmouseout events on asp.net button 3
Frontpage 2000, browser trouble 5
I'm confused over the mouse rollover effects and javascript 1
HTML, CSS and JavaScript in a Gridview 2

Top