Team:NCTU Formosa/source/header/Test

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style> .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: default; }...")
 
(19 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
 
-
 
Line 16: Line 14:
.ch-info-wrap{
.ch-info-wrap{
     position: absolute;
     position: absolute;
-
     width: 180px;
+
     width: 220px;
-
     height: 180px;
+
     height: 220px;
     border-radius: 50%;
     border-radius: 50%;
     perspective: 800px;
     perspective: 800px;
Line 32: Line 30:
.ch-info{
.ch-info{
     position: absolute;
     position: absolute;
-
     width: 180px;
+
     width: 220px;
-
     height: 180px;
+
     height: 220px;
     border-radius: 50%;
     border-radius: 50%;
     transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
Line 54: Line 52:
}
}
-
And again, the background images:
+
 
.ch-img-1 {
.ch-img-1 {
-
     background-image: url(../images/10.jpg);
+
  background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg');
 +
}
 +
 +
.ch-img-11 {
 +
 
 +
     background-image: url('https://static.igem.org/mediawiki/2014/d/d8/WIKI_8-1.jpg');
}
}
   
   
Line 116: 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

Retrieved from "http://2014.igem.org/Team:NCTU_Formosa/source/header/Test"