Team:SYSU-China/animat.js
From 2013.igem.org
(Difference between revisions)
m |
|||
Line 7: | Line 7: | ||
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 +img.css("left"); |
target.mouseenter(function(){ | target.mouseenter(function(){ | ||
var length=$(this).offset().left + $(this).width()/2 - mid; | var length=$(this).offset().left + $(this).width()/2 - mid; | ||
Line 18: | Line 18: | ||
plength=length; | plength=length; | ||
img.animate( | img.animate( | ||
- | {left: | + | {left:length}, |
500, | 500, | ||
function(){ | function(){ |
Revision as of 14:14, 20 September 2013
img_left=new Image(); img_left.src="" ; img_right=new Image(); img_right.src="" ;
$(document).ready(function(){ var plength=0; var target=$("li.column"); var img=$("#animat span"); var mid=img.offset().left + img.width()/2 +img.css("left");
target.mouseenter(function(){
var length=$(this).offset().left + $(this).width()/2 - mid; img.stop(); if(length > plength) { $("#animat span img").attr({"src" : img_right.src}); } else { $("#animat span img").attr({"src" : img_left.src}); } plength=length; img.animate( {left:length}, 500, function(){ $("#animat span img").attr({"src" : ""});} );
}); });