Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<meta charset=utf-8 />
<title>How to Select Multiple Element Demo</title>
<script  type="text/javascript"
        src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js">
    </script>
<script type="text/javascript" language="javascript">
  $(document).ready(function(){
$('head').append('<style>.outlineElement {  background-color:Yellow;} </style>');
        $('*')
    .mouseover(function(event) {
      $(event.target).addClass('outlineElement');
    })
    .mouseout(function(event) {
      $(event.target).removeClass('outlineElement');
    });
    });
 
  </script>
</head>
<body>
  <table id="tblData" width="400px" cellpadding="8" cellspacing="2" border="1">
    <tr>
        <td>
            Stage 1,
         <img src="http://placehold.it/350x150" alt="" border=3 height=100 width=100></img>
        </td>
        <td>
            Stage 
        </td>
    </tr>
    <tr>
        <td>
            Chinese
        </td>
        <td>
            China
        </td>
    </tr>
    <tr>
        <td>
            Spanish
        </td>
        <td>
            Spain
        </td>
    </tr>
    <tr>
        <td>
            French
        </td>
        <td>
            France
        </td>
    </tr>
    </table>
</body>
</html>
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers