2010-04-17 5 views
2

je dois glisser un div vers le bas puis sur un événement, comment puis-je faire dans le script javadiv effet slide

+0

Vous ne pouvez pas faire cela simplement avec vanilla javascript, mais la plupart des frameworks communs ont un moyen facile de le faire. –

+0

@vakas: voir ma mise à jour s'il vous plaît. – Sarfraz

Répondre

4

Mise à jour I created this demo for you :)

Vous pouvez le faire facilement avec slideToggle() fonction de JQuery:

<div id="hello">Hello World</div> 
<a href="#" id="link">Toggle Div</a> 

JQuery:

$(function(){ 
    $('#link').click(function(){ 
     $('#hello').slideToggle(); 
     return false; 
    }) 
}); 
+0

slideToggle() doit définir? – vakas

+0

@vakas: voir ma mise à jour s'il vous plaît. – Sarfraz

+0

borother désolé de dire, en fait, je n'ai jamais utilisé jquery avant, ai-je besoin d'une bibliothèque spéciale à ajouter, ou quelque chose d'autre spécial? – vakas

1

Je vous recommande de vérifier jQuery/UI/Effects/Slide.

+0

mais je veux l'utiliser simplement par javascript – vakas

+2

Il n'y a pas de moyen simple de le faire sans utiliser une bibliothèque comme jQuery. Utiliser jQuery rendra les choses très simples, alors que rouler votre propre code pour le faire serait très complexe en comparaison. –

+0

Je suis d'accord avec votre réponse, mais il vaut la peine de noter pour glisser haut/bas, il n'a pas besoin d'interface utilisateur jQuery, juste jQuery core fera l'affaire. –

0

Je recommande vivement regarder ce que JQuery ou d'une autre bibliothèque javascript fait, (peut-être même boîte à outils de contrôle AJAX pour .NET, qui a des composants JS) et examiner le fichier JS, et reproduire la fonction vous ...

Je dirai que ce n'est probablement pas si facile de se reproduire, ce qui signifie que la logique est assez complexe.

HTH.