2010-05-12 7 views

Antwort

1

Einfaches Beispiel ein div über die Seite zu schieben:

<asp:Panel id="MovingContent" runat="server" 
    style="position:absolute;left:-100px;top:20px;height:40px;width:100px;"> 
The content that will move 
</asp:Panel> 

<script type="text/javascript"> 

//Initial position 
//(should be the same as the position specified in the element's style) 
posX = -100; 
posY = 20; 

//Position where the element will stop 
targetX=200; 
targetY=60; 

function move(){ 
if(posX < targetX){ 
    posX += 10; 
    if(posY < targetY) posY += 1; 
    var divElement = document.getElementById('<%=MovingContent.ClientID%>'); 
    divElement.style.left = posX + 'px'; 
    divElement.style.top = posY + 'px'; 

    //Time in milliseconds to when to move next step 
    self.setTimeout('move()', 100); 

} 
} 

move(); //Start the moving 

</script> 

Sie können es an Ihre Bedürfnisse anpassen, aber dies kann als eine grundlegende Idee verwendet werden, wie es geht.

+0

Fehler Der Name 'MovingContent' existiert nicht im aktuellen Kontext \t E: \ Hemaa \ Formular \ welcome.aspx diesen Fehler bekam – TinTin

+0

Ich habe gerade bearbeitet zu beheben die Käfer. Versuch es noch einmal. Der letzte Fehler, den ich behoben habe, war "ClientId => ClientID". Jetzt sollte es funktionieren (Ich habe es jetzt getestet ...) – awe

+0

Ich bekomme nichts auf meiner Seite..nach dem Ausführen der Seite. – TinTin

Verwandte Themen