Question

使用以下脚本，我可以在点击时移动我的照片：

<script>
var myTimer = null;

function move(){
    document.getElementById("fish").style.left = 
        parseInt(document.getElementById("fish").style.left)+1+'px';
}


window.onload=function(){

    document.getElementById("fish").onclick=function(){
        if(myTimer == null){
            myTimer = setInterval("move();", 10);
        }else{
            clearInterval(myTimer);
            myTimer = null;
        }
    }
}
</script>

我在使用jQuery时将图片重置为原始位置时遇到了一些麻烦。

如果有人能提供帮助，那将非常感激。

Answer 1

如果您提前捕获原始位置，则可以稍后重置为捕获的值：

   #!/usr/bin/perl 
   use warnings; 
   use strict; 

   my $dir = ("/Users/roblogan/Documents/Clustered_Barcodes_Aligned");

    my @ArrayofFiles = glob "$dir/*"; #put all files in the directory into an array

    #print join("\n", @ArrayofFiles), "\n";  #diagnostic print

    foreach my $file (@ArrayofFiles){
            print 'cons', "\n";
            print "/Users/roblogan/Documents/Clustered_Barcodes_Aligned/Clustered_Barcode_Number_*.*.Sequences.txt.out", "\n";
            print "*.*.Consensus.txt", "\n"; 
    }

Answer 2

使用外部JavaScript。一些代码要看：

var pre = onload, E, doc, bod;// previous onload
onload = function(){
if(pre)pre();

doc = document; bod = doc.body;
E = function(id){
  return doc.getElementById(id);
}
var fish = E('fish'), timer;
fish.onclick = function(){
  if(!timer){
    timer = setInterval(function(){
      fish.style.left = parseInt(fish.style.left)+1+'px';
    }, 10);
  }
  else{
    clearInterval(timer); timer = false;
    fish.style.left = '0'; // change '0' to what your CSS `left:`value is
  }

}// end load

Answer 3

这应该可以正常工作，



    
    var myTimer = null;
    var startX = 0;

    function move(){
        document.getElementById("fish").style.left = 
            parseInt(document.getElementById("fish").style.left)+1+'px';
    }


    window.onload=function(){

        document.getElementById("fish").onclick=function(){
            if(myTimer == null){
                startX = document.getElementById("fish").style.left;
                myTimer = setInterval("move();", 10);
            }else{
                clearInterval(myTimer);
                myTimer = null;
                document.getElementById("fish").style.left = startX + "px";
            }
        }
    }

使用javascript将动画重置为原始位置

3 个答案: