je dois glisser un div vers le bas puis sur un événement, comment puis-je faire dans le script javadiv effet slide
Répondre
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;
})
});
Je vous recommande de vérifier jQuery/UI/Effects/Slide.
mais je veux l'utiliser simplement par javascript – vakas
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. –
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. –
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.
- 1. Slide div à l'intérieur d'un autre effet div
- 2. effet Slide (jQuery)
- 3. slide div sur l'image
- 4. jQuery question de débutant concernant slide up/down effet
- 5. Mise en œuvre jQuery Overlay/Slide Div!
- 6. jquery show slide bug
- 7. javascript slide slick_accessible_slideshow
- 8. jquery image auto slide
- 9. jquery slide and timing
- 10. slide UISearchBar
- 11. jQuery slide up the image?
- 12. validate + listener + slide down panel
- 13. jQuery Slide Out; Le contenu disparaît pendant le glissement
- 14. Ajout de Slide-to-Anchor à l'effet Hide
- 15. slide-in uitoolbar
- 16. iphone slide movement recognizer
- 17. Jquery UI Tabs - slide
- 18. C# Dropdown Slide Form
- 19. l'image jquery slide
- 20. jQuery Animation Slide Left
- 21. jquery photo slide
- 22. jquery au prototype, ajax et slide
- 23. Comment créer un effet de bascule div en utilisant jQuery?
- 24. shape.Parent ne retourne pas Slide
- 25. Android Slide Menu comme Accueil
- 26. iPhone Slide Appuyez sur Supprimer
- 27. slide image jquery rapide show
- 28. javascript slide jquery sur l'onglet
- 29. jQuery Slide dans la mauvaise position
- 30. JQuery UI .show ('slide') ne pas animer correctement
Vous ne pouvez pas faire cela simplement avec vanilla javascript, mais la plupart des frameworks communs ont un moyen facile de le faire. –
@vakas: voir ma mise à jour s'il vous plaît. – Sarfraz