Template:Team:KIT-Kyoto/hp

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<script type="text/javascript">
<script type="text/javascript">
$(function(){
$(function(){
 +
$(document).ready(function(){
 +
    function showHeight(ele, w) {
 +
      $(".windowsize").text("The height for the " + ele +
 +
                    " is " + w + "px.");
 +
}
 +
    $("#getw").click(function () {
 +
      showHeight("window", $("#picbox").width());
 +
    });
 +
});
$(".hp_img_link a").hover(function(){
$(".hp_img_link a").hover(function(){
var hpnum = $(".hp_img_link a").index(this);
var hpnum = $(".hp_img_link a").index(this);
Line 164: Line 173:
}
}
 +
#getw{
 +
font-size:12px;
 +
position:fixed;
 +
bottom:50px;
 +
left:0px;
 +
z-index:10;
 +
}
 +
.windowsize{
 +
color:#ffffff;
 +
width:250px;
 +
height:30px;
 +
position:fixed;
 +
bottom:10px;
 +
left:0;
 +
border:1px dashed #fff;
 +
z-index:10;
 +
}
</style>
</style>
 +
 +
<button id="getw">Get Window width</button>
 +
<div class="windowsize"> </div>

Revision as of 17:07, 26 September 2014