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