Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
​
<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>
 
<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(){
$('tr').append('<style>.outlineElement {  background-color:Blue;} </style>');
​
        $('*')
    .mouseover(function(event) {
      $(event.target).addClass('outlineElement');
    })
    .mouseout(function(event) {
      $(event.target).removeClass('outlineElement');
    });
    });
 
</script>
</head>
<body>
  <table id="tblData" width="200px" cellpadding="2" cellspacing="2" border="1">
    <tr>
        <td>
            English
        </td>
        <td>
            USA
        </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

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers