"
Team:UCSD Software/Tester
From 2014.igem.org
(Difference between revisions)
| Line 13: | Line 13: | ||
<Style> | <Style> | ||
| + | |||
| + | |||
| + | .box{ | ||
| + | width:500px; | ||
| + | height: 500px; | ||
| + | float:left; | ||
| + | } | ||
| + | .trigger{ | ||
| + | width:255px; | ||
| + | height: 255px; | ||
| + | position:absolute; | ||
| + | z-index: 10; | ||
| + | left:110px; | ||
| + | top:110px; | ||
| + | background-image:url(images/big_round.png); cursor: pointer; | ||
| + | margin-left: 750px; | ||
| + | margin-top: 250px; | ||
| + | } | ||
| + | |||
| + | .popcircle{ | ||
| + | position:relative; | ||
| + | z-index: 9; | ||
| + | width:500px; | ||
| + | height:500px; | ||
| + | left:0px; | ||
| + | top:0px; | ||
| + | } | ||
| + | .popcircle ul{ | ||
| + | list-style:none; | ||
| + | padding:0px; | ||
| + | margin: 0px; | ||
| + | height: auto; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .popcircle ul li{ | ||
| + | top: 187.5px; | ||
| + | left: 187.5px; | ||
| + | height: 100px; | ||
| + | width: 100px; | ||
| + | position: absolute; | ||
| + | } | ||
| + | |||
body{ | body{ | ||
| Line 541: | Line 583: | ||
<div class="popcircle"> | <div class="popcircle"> | ||
<ul id="pops"> | <ul id="pops"> | ||
| - | <li><a href=""><img src=" | + | <li><a href=""><img src=""></a></li> |
| - | <li><a href=""><img src=" | + | <li><a href=""><img src="images/red.png"></a></li> |
| - | <li><a href=""><img src=" | + | <li><a href=""><img src="images/blue.png"></a></li> |
| - | <li><a href=""><img src=" | + | <li><a href=""><img src="images/red.png"></a></li> |
| - | <li><a href=""><img src=" | + | <li><a href=""><img src="images/blue.png"></a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
| Line 652: | Line 694: | ||
//redirecting to other pages | //redirecting to other pages | ||
$('h1.firstHeading').remove(); | $('h1.firstHeading').remove(); | ||
| + | |||
| + | $('.trigger').click(function(e){ | ||
| + | e.preventDefault(); | ||
| + | $.popcircle('#pops', | ||
| + | { | ||
| + | spacing:'10px', | ||
| + | type:'full', // full, half, quad | ||
| + | offset:1.95, // 0, 1, 2, 3, 4, 5, 6, 7 or 5.1 | ||
| + | ease:'easeOutElastic', | ||
| + | time:'slow' // slow, fast, 1000 | ||
| + | } | ||
| + | ); | ||
| + | }); | ||
| + | |||
$("#home").click(function(){ | $("#home").click(function(){ | ||
Revision as of 08:52, 16 October 2014
The Team
