mouseover

Help

HTML

<table id="02" width="500" height="100">
								<tr>
									<td>
										<img src="http://javascript.ru/forum/images/smilies/smile.gif"></td>
									<td>
										<img src="http://javascript.ru/forum/images/smilies/sad.gif"></td>
								</tr>
								<tr>
									<td class="select">
										<img src="http://javascript.ru/forum/images/smilies/smile.gif"></td>
									<td class="select">
										<img src="http://javascript.ru/forum/images/smilies/sad.gif"></td>
								</tr><tr>
									<td>
										<img class="select" src="http://javascript.ru/forum/images/smilies/smile.gif"></td>
									<td>
										<img class="select" src="http://javascript.ru/forum/images/smilies/sad.gif"></td>
								</tr><tr>
									<td>
										<img class="select"src="http://javascript.ru/forum/images/smilies/smile.gif"></td>
									<td>
										<img class="select" src="http://javascript.ru/forum/images/smilies/sad.gif"></td>
								</tr><tr>
									<td>
										<img src="http://javascript.ru/forum/images/smilies/smile.gif"></td>
									<td class="select">
										<img src="http://javascript.ru/forum/images/smilies/sad.gif"></td>
								</tr>
</table>

CSS

td{
border: 2px solid #000;
opacity: 1;
}

JavaScript

$('.select').each(function() {
  $( this )
  .on( "mouseover", function() {
    $( '.select' )
    .css( 'opacity', '.2' )
    .css( 'background-color', 'red' )
    });
  $( this )
  .on( "mouseout", function() {
    $( '.select' )
    .css( 'opacity', '' )
    .css( 'background-color', '' )
    });
  return;
});