Team:SYSU-China/animat.js
From 2013.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
var target=$("li.column"); | var target=$("li.column"); | ||
var img=$("#animat span"); | var img=$("#animat span"); | ||
- | var mid=img.offset().left + img.width()/2; | + | var mid=img.offset().left + img.width()/2; |
+ | $("#animat span img").attr({"src" : "https://static.igem.org/mediawiki/2013/4/44/WIKI-MASCOT-STAND.png"}); | ||
target.mouseenter(function(){ | target.mouseenter(function(){ | ||
var length=$(this).offset().left + $(this).width()/2 - mid; | var length=$(this).offset().left + $(this).width()/2 - mid; |
Revision as of 12:21, 12 September 2013
$(document).ready(function(){ var plength=0; var target=$("li.column"); var img=$("#animat span"); var mid=img.offset().left + img.width()/2;
$("#animat span img").attr({"src" : ""});
target.mouseenter(function(){ var length=$(this).offset().left + $(this).width()/2 - mid; img.stop(); if(length > plength) { $("#animat span img").attr({"src" : ""}); } else { $("#animat span img").attr({"src" : ""}); } plength=length; img.animate( {left:length}, 500, function(){ $("#animat span img").attr({"src" : ""});} );
}); var win_width = $(window).width()/2 - $("#address").width()/2; $("#address").css("left",win_width); });