"
Team:SYSU-China/animat.js
From 2013.igem.org
(Difference between revisions)
| Line 18: | Line 18: | ||
plength=length; | plength=length; | ||
img.animate( | img.animate( | ||
| - | {left:'+='length}, | + | {left:'+='+length}, |
500, | 500, | ||
function(){ | function(){ | ||
Revision as of 14:10, 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;
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" : "
"});}
);
}); });
