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(https://raw.githubusercontent.com/dineshhv/popcircle/master/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;
 
-
}
 
Line 578: Line 537:
           <!--</div> <!-- REMOVE THIS DIV TO NOT MAKE PAGES FULL WIDTH -->
           <!--</div> <!-- REMOVE THIS DIV TO NOT MAKE PAGES FULL WIDTH -->
-
   
 
-
            <div class="box">
 
-
    <div class="trigger" id="circle_btn"></div>
 
-
    <div class="popcircle">
 
-
      <ul id="pops">
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/blue.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/red.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/blue.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/red.png"></a></li>
 
-
        <li><a href=""><img src="https://raw.githubusercontent.com/dineshhv/popcircle/master/images/blue.png"></a></li>
 
-
      </ul>
 
-
    </div>
 
-
</div>
 
Line 694: Line 640:
     //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
 
-
      }
 
-
    );
 
-
});
 

Revision as of 08:56, 16 October 2014


The Team

Retrieved from "http://2014.igem.org/Team:UCSD_Software/Tester"