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
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello world</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style type="text/css">
  body {
    background-repeat:repeat;
  }
  
  .background-default{
    background-image:url(https://sites.google.com/a/isightinc.com/presentation/home/background%20B%20&%20W.jpg);
  }
  .background-Lighting Design {
    background-image:url(http://pattern8.com/images/pattern-thumbs/pattern8-pattern71b.png);
  }
  .background-CAD Service {
    background-image:url(https://sites.google.com/a/isightinc.com/presentation/home/background%20color.jpg);
  }
</style>
<script type="text/javascript">
$(function() {
    $("#Lighting Design, #CAD Service").hover(function(){
        $('body').removeClass('background-default').addClass('background-' + this.id);
    },
    function(){
        $('body').removeClass('background-' + this.id).addClass('background-default');
    });
}); 
</script>
</head>
<body class="background-default">
<p>
    <a href="http://example.com/entrer" id="Lighting Design">Lighting Design</a> <a href="http://example.com/sortir" id="CAD Service">CAD Service</a> 
</p>
</body>
</html>
 
if (document.getElementById('hello')) {
  document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';
}
​
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers