Team:NCTU Formosa/source/header/Test

From 2014.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
 
-
 
Line 54: Line 52:
}
}
-
And again, the background images:
+
 
.ch-img-1 {
.ch-img-1 {
-
    background-image: url(background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg');;
+
  background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg');
}
}
   
   
.ch-img-11 {
.ch-img-11 {
-
     background-image: url(background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg');;
+
 
 +
     background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg');
}
}
   
   
Line 120: Line 119:
}
}
</style>
</style>
 +
<script>
 +
$(document).ready(function(){
 +
$(".move1").hide();
 +
$(".move2").hide();
 +
$(".move3").hide();
 +
$(".move4").hide();
 +
$(".move5").hide();
 +
$(".move6").hide();
 +
$(".move7").hide();
 +
$(".move8").hide();
 +
$(".move9").hide();$(".move10").hide();
 +
 +
  $("#seemore1").click(function(){
 +
    $(".move1").slideToggle();
 +
  });
 +
$("#seemore2").click(function(){
 +
    $(".move2").slideToggle();
 +
  });
 +
$("#seemore3").click(function(){
 +
    $(".move3").slideToggle();
 +
  });
 +
$("#seemore4").click(function(){
 +
    $(".move4").slideToggle();
 +
  });
 +
$("#seemore5").click(function(){
 +
    $(".move5").slideToggle();
 +
  });
 +
$("#seemore6").click(function(){
 +
    $(".move6").slideToggle();
 +
  });
 +
$("#seemore7").click(function(){
 +
    $(".move7").slideToggle();
 +
  });
 +
$("#seemore8").click(function(){
 +
    $(".move8").slideToggle();
 +
  });
 +
$("#seemore9").click(function(){
 +
    $(".move9").slideToggle();
 +
  });
 +
$("#seemore10").click(function(){
 +
    $(".move10").slideToggle();
 +
  });
 +
});
 +
</script>
 +
 +
 +
 +
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
 +
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
 +
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
 +
<link rel="stylesheet" href="/resources/demos/style.css">
 +
<script>
 +
$(function() {
 +
$( "#dialog" ).dialog({
 +
autoOpen: false,
 +
show: {
 +
effect: "blind",
 +
duration: 1000
 +
},
 +
hide: {
 +
effect: "explode",
 +
duration: 1000
 +
}
 +
});
 +
$( "#opener" ).click(function() {
 +
$( "#dialog" ).dialog( "open" );
 +
});
 +
});
 +
</script>
 +
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
 +
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
 +
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
 +
<link rel="stylesheet" href="/resources/demos/style.css">
 +
<script>
 +
$(function() {
 +
$( "#dialog" ).dialog({
 +
autoOpen: false,
 +
show: {
 +
effect: "blind",
 +
duration: 1000
 +
},
 +
hide: {
 +
effect: "explode",
 +
duration: 1000
 +
}
 +
});
 +
$( "#opener" ).click(function() {
 +
$( "#dialog" ).dialog( "open" );
 +
});
 +
});
 +
</script>

Latest revision as of 15:05, 17 October 2014