J'ai besoin d'une balise div pour glisser sur le côté droit de l'écran, comment puis-je obtenir cet effet avec jQuery? J'ai cherché ici: http://api.jquery.com/category/effects/sliding/ et cela ne semble pas être ce que je recherche ...
Si vous êtes prêt à inclure la bibliothèque jQuery UI , en plus de jQuery lui-même, vous pouvez simplement utiliser hide()
, avec des arguments supplémentaires , as suit:
$(document).ready(
function(){
$('#slider').click(
function(){
$(this).hide('slide',{direction:'right'},1000);
});
});
Sans utiliser jQuery UI, vous pourriez atteindre votre objectif en utilisant simplement animate()
:
$(document).ready(
function(){
$('#slider').click(
function(){
$(this)
.animate(
{
'margin-left':'1000px'
// to move it towards the right and, probably, off-screen.
},1000,
function(){
$(this).slideUp('fast');
// once it's finished moving to the right, just
// removes the the element from the display, you could use
// `remove()` instead, or whatever.
}
);
});
});
Si vous choisissez d'utiliser jQuery UI, je vous recommande de créer un lien vers le code hébergé par Google, à: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery- ui.min.js
Une autre solution consiste à utiliser .animate () et le CSS approprié.
par exemple.
$('#mydiv').animate({ marginLeft: "100%"} , 4000);