"
Template:Team:KIT-Kyoto/hp
From 2014.igem.org
(Difference between revisions)
| Line 10: | Line 10: | ||
$(".hp_img").eq(hpnum).stop().animate({"width":"60px","height":"60px","margin-left":"-2px","margin-top":"-10px"},100,'linear').css({"border-radius":"60px","-webkit-border-radius":"60px","-moz-border-radius":"60px"}); | $(".hp_img").eq(hpnum).stop().animate({"width":"60px","height":"60px","margin-left":"-2px","margin-top":"-10px"},100,'linear').css({"border-radius":"60px","-webkit-border-radius":"60px","-moz-border-radius":"60px"}); | ||
}); | }); | ||
| - | }); | + | $('.pic img:gt(0)').hide(); |
| + | setInterval(function() { | ||
| + | $('.pic :first-child').fadeOut(2000) | ||
| + | .next('img').fadeIn(2000) | ||
| + | .end().appendTo('.pic'); | ||
| + | }, 7000); | ||
| + | }); | ||
</script> | </script> | ||
| Line 79: | Line 85: | ||
} | } | ||
| + | #picbox{ | ||
| + | width:300px; | ||
| + | float:right; | ||
| + | margin-left:20px; | ||
| + | } | ||
| + | |||
| + | .pic{ | ||
| + | list-style:none; | ||
| + | position:relative; | ||
| + | margin:10px 0px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .pic { | ||
| + | position: absolute; | ||
| + | left:0; | ||
| + | top:0; | ||
| + | z-index: -1; | ||
| + | height: 300px; | ||
| + | width: 225px; | ||
| + | } | ||
| + | |||
| + | .pic img { | ||
| + | position: absolute; | ||
| + | width: 300px; | ||
| + | height: 225px; | ||
| + | left:0; | ||
| + | top:0; | ||
| + | } | ||
</style> | </style> | ||
Revision as of 06:05, 26 September 2014
