Biomod/2011/TUM/TNT/Home

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
{{TUMNanUHeader}}
{{TUMNanUHeader}}
 +
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
  <script type="text/javascript">
 +
  $(document).ready(function(){
 +
    $('#lside1').mouseover(function() {
 +
    $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
 +
    });
 +
    $('#lside1').mouseleave(function() {
 +
    $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
 +
    });
 +
    $('#lside2').mouseover(function() {
 +
    $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
 +
    });
 +
    $('#lside2').mouseleave(function() {
 +
    $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
 +
    });
 +
    $('#lside3').mouseover(function() {
 +
    $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
 +
    });
 +
    $('#lside3').mouseleave(function() {
 +
    $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
 +
    });
 +
  });
 +
  </script>
 +
 +
<style type="text/css">
 +
  #side1 {
 +
    width: 250px;
 +
    height: 100px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 20px;}
 +
 +
  #lside1 {
 +
    width: 250px;
 +
    height: 100px;
 +
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;}
 +
 +
  #side2 {
 +
    width: 250px;
 +
    height: 100px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 20px;}
 +
 +
  #lside2 {
 +
    width: 250px;
 +
    height: 100px;
 +
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;}
 +
 +
  #side3 {
 +
    width: 250px;
 +
    height: 100px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 20px;}
 +
 +
  #lside3 {
 +
    width: 250px;
 +
    height: 100px;
 +
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;}
 +
 +
  </style>
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  $('#mainpic').attr('src',
 +
'http://openwetware.org/wiki/Image:U1.png');
 +
  $('#mainpic').attr('src',
 +
'http://openwetware.org/images/c/c7/Tum_tem_example.jpg');
 +
  $('#mainpic').attr('src',
 +
'http://openwetware.org/images/8/8f/20111021controltheUBM2_2B7.png');
 +
  $('#mainpic').attr('src',
 +
'http://www.media-digest.com/wp-content/uploads/2009/05/test-pattern-briefs.jpg');
 +
  $("#but1").mouseenter(function() {
 +
  $('#mainpic').attr('src', 'http://www.cnet.co.uk/i/c/rv/e/digitalcameras/fujifilm/finepix_f200exr/f200exrstorygraphic1large.jpg');
 +
  });
 +
  $("#but2").mouseenter(function() {
 +
  $('#mainpic').attr('src',
 +
'http://xmas.tfoe.net/img/testbild.jpg');
 +
  });
 +
  $("#but3").mouseenter(function() {
 +
  $('#mainpic').attr('src',
 +
'http://www.tv-testbild.com/bilder/nbc-320.jpg');
 +
  });
 +
  $("#but4").mouseenter(function() {
 +
  $('#mainpic').attr('src',
 +
'http://www.tv-testbild.com/pictures/orf2.jpg');
 +
  });
 +
 +
});
 +
</script>
 +
<style type="text/css">
 +
#maincon {
 +
  width:800px;
 +
  position:relative;}
 +
#mainpic {
 +
  width:800px;}
 +
#but1 {
 +
  width:60px;
 +
  height:60px;
 +
  position:absolute;
 +
  left:88px;
 +
  top:19px;
 +
  z-index:2;
 +
  background-image:url('http://openwetware.org/wiki/Image:U1.png');}
 +
#but2 {
 +
  width:60px;
 +
  height:60px;
 +
  position:absolute;
 +
  left:489px;
 +
  top:220px;
 +
  z-index:2;
 +
  background-image:url('http://upload.wikimedia.org/wikipedia/commons/thumb/0/07/Button_Icon_Red.svg/300px-Button_Icon_Red.svg.png');}
 +
#but3 {
 +
  width:60px;
 +
  height:60px;
 +
  position:absolute;
 +
  left:320px;
 +
  top:302px;
 +
  z-index:2;
 +
  background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}
 +
#but4 {
 +
  width:60px;
 +
  height:60px;
 +
  position:absolute;
 +
  left:509px;
 +
  top:4px;
 +
  z-index:2;
 +
  background-image:url('http://www.lefinnois.net/aqua/aqua1.jpg');}
 +
</style>
 +
</head>
 +
</html>
<html>
<html>
<body>
<body>

Revision as of 12:39, 1 November 2011

TUM NanU - Home




Video