Difference between revisions of "Team:LUBBOCK TTU"

Line 54: Line 54:
 
@keyframes blink{
 
@keyframes blink{
 
   to{opacity: .0;}
 
   to{opacity: .0;}
 +
}
 +
 +
<!-- hover effect -->
 +
body,html {
 +
    margin:0;
 +
}
 +
#emptygif {
 +
    position:absolute;
 +
    z-index:200;
 +
}
 +
#overlayr1 {
 +
    position:absolute;
 +
    background:#fff;
 +
    opacity:0.2;
 +
    width:300px;
 +
    height:160px;
 +
    z-index:100;
 +
    display:none;
 +
}
 +
#overlayr2 {
 +
    position:absolute;
 +
    background:#fff;
 +
    opacity:0.2;
 +
    width:300px;
 +
    height:160px;
 +
    top:160px;
 +
    z-index:100;
 +
    display:none;
 
}
 
}
 
</style>
 
</style>
Line 63: Line 91:
 
<!-- Map -->
 
<!-- Map -->
 
<center>
 
<center>
−
<img id = "home-button" alt = "" src = "https://static.igem.org/mediawiki/2017/8/82/Lubbock_TTU_largemap.png" height= width=  alt="" usemap="#Map"/ width="95%">
+
<!--<img id = "home-button" alt = "" src = "https://static.igem.org/mediawiki/2017/8/82/Lubbock_TTU_largemap.png" height= width=  alt="" usemap="#Map"/ width="95%">-->
 +
<img src="http://www.tfo.be/jobs/axa/premiumplus/img/empty.gif" width="442" height="252" border="0" usemap="#location-map" id="emptygif" />
 +
<div id="overlayr1">&nbsp;</div>
 +
<div id="overlayr2">&nbsp;</div>
 +
<div id="overlayr1">&nbsp;</div>
 +
<div id="overlayr2">&nbsp;</div>
 +
<div id="overlayr1">&nbsp;</div>
 +
<div id="overlayr2">&nbsp;</div>
 +
<img src="https://static.igem.org/mediawiki/2017/8/82/Lubbock_TTU_largemap.png" width="95%" height="" border="0" />
 +
<map name="location-map" id="location-map">
 +
<area shape="circ" coords="190,190,30" href="#" id="r1" />
 +
<area shape="circ" coords="" href="#" id="r2"/>
 +
<area shape="circ" coords="" href="#" id="r3" />
 +
<area shape="circ" coords="" href="#" id="r4"/>
 +
<area shape="circ" coords="" href="#" id="r5" />
 +
<area shape="circ" coords="" href="#" id="r6"/>
 +
</map>
 
<br></br></br>
 
<br></br></br>
 
<font size="10" color="CC0000">C:\LUBBOCK_TTU<span>|</span></font>
 
<font size="10" color="CC0000">C:\LUBBOCK_TTU<span>|</span></font>
Line 74: Line 118:
  
 
</html>
 
</html>
 +
 +
<script>
 +
    $(document).ready(function() {
 +
        if($('#location-map')) {
 +
            $('#location-map area').each(function() {
 +
                var id = $(this).attr('id');
 +
                $(this).mouseover(function() {
 +
                    $('#overlay'+id).show();
 +
                   
 +
                });
 +
               
 +
                $(this).mouseout(function() {
 +
                    var id = $(this).attr('id');
 +
                    $('#overlay'+id).hide();
 +
                });
 +
           
 +
            });
 +
        }
 +
    });
 +
</script>
 +
 
<!--{{Team:LUBBOCK_TTU/Javascript}}-->
 
<!--{{Team:LUBBOCK_TTU/Javascript}}-->

Revision as of 02:09, 26 May 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

 
 
 
 
 
 



C:\LUBBOCK_TTU|

<script> 

   $(document).ready(function() {
       if($('#location-map')) {
           $('#location-map area').each(function() {
               var id = $(this).attr('id');
               $(this).mouseover(function() {
                   $('#overlay'+id).show();
                   
               });
               
               $(this).mouseout(function() {
                   var id = $(this).attr('id');
                   $('#overlay'+id).hide();
               });
           
           });
       }
   });

</script>