Dans MS PowerPoint, vous pouvez faire glisser le contenu au milieu de la page depuis l'extérieur de l'écran et depuis n'importe quelle direction. Je souhaite le faire avec Jquery. Fondamentalement, je veux faire glisser une image d'un rideau d'une certaine direction, puis faites glisser une photo d'un gars et enfin glisser une citation sur le dessus de tout cela. Est-ce que quelqu'un a la moindre idée de comment faire cela en utilisant Jquery?En utilisant jquery, comment puis-je faire glisser un div dans la page similaire à powerpoint?
1
A
Répondre
0
1) Ajouter une image à la page. Vous pouvez le faire soit avec javascript ou CSS. il doit être position: absolu non placé à l'extérieur de la fenêtre (à gauche: -WIDTHpx). Ou faites-le simplement caché avec display: none; 2) Utilisez jQuery .animate() ou .slideToogle() pour faire glisser cette image à l'intérieur.
3
utilisent ce CSS:
#id_like_powerpoint{
position:absolute;top:-100;left:350px;
}
Si vous voulez onload faites ceci:
$(document).ready(function(){
$('#id_like_powerpoint').animate({'top' : '100px'},1500);
});
Si vous voulez utiliser onclick:
$('#id_to_be_clicked').click(function(){
$('#id_like_powerpoint').animate({'top' : '100px'},1500);
});
Vous pouvez mettre des chiffres, c'était juste et exemple
Best, Shawn
Questions connexes
- 1. Comment faire glisser un élément dans jQuery?
- 2. Comment glisser et faire défiler dans un div avec jQuery
- 3. Comment faire pour glisserDéduire un nouveau DIV en utilisant jQuery?
- 4. Code jQuery pour faire glisser div (accordéon)
- 5. Comment faire glisser div dans les cases
- 6. comment faire glisser la forme bleue dans la div rouge à l'aide jquery-ui
- 7. Faire glisser et fondre jquery
- 8. souris Trigger Faire glisser dans jQuery UI
- 9. Faites glisser une image agrandie dans un masque d'écrêtage div en utilisant jQuery draggable?
- 10. jQuery glisser-déposer et faire glisser à nouveau
- 11. comment glisser-déposer un div sur un site web sur l'iPhone en utilisant jquery
- 12. Comment puis-je faire fonctionner cette fonction jquery en utilisant un div dans un autre cadre?
- 13. Glisser-déposer en utilisant jQuery
- 14. comment faire glisser un élément d'un div et le déposer dans un autre div dans le même document avec jquery
- 15. comment faire un élément « div » glisser sur iphone
- 16. JQuery utilisateur pour faire glisser un DIV et tomber dans un TD ... et avoir le "snap" DIV en place
- 17. jquery draggable a un problème à faire glisser?
- 18. ajoutant Dynamiquement un div à un autre en utilisant jQuery
- 19. JQuery, comment trouver la liste des DIV avec ID similaire
- 20. Comment réorganiser la section dans UITableView en faisant glisser similaire à la ligne?
- 21. Ajouter une nouvelle classe à la page en utilisant jQuery
- 22. Glisser et déposer dans jQuery en utilisant Touchevent (navigateur iPhone)
- 23. en utilisant un simple script jquery pour avoir un div suivre la page sur le rouleau
- 24. Comment ajouter un bloc bannière DIV à une page HTML en utilisant jQuery
- 25. Comment ajouter divs dans un div en utilisant jquery
- 26. Accéder à un div avec Class en utilisant jquery
- 27. Créer un div en cliquant et en faisant glisser
- 28. élément de glisser à div spécifique
- 29. jQuery div/box reposition (similaire aux capsules hubpages)
- 30. Comment faire face à jquery div`s