Ho bisogno di un tag div per farlo scorrere sul lato destro dello schermo, come faccio a ottenere questo effetto con jQuery? Ho cercato qui: http://api.jquery.com/category/effects/sliding/ e non sembra essere quello che sto cercando ...jQuery .slideEffetto destro
risposta
Se vuoi includere la libreria jQuery UI, oltre a jQuery, puoi semplicemente utilizzare hide()
, with additional arguments, come segue:
$(document).ready(
function(){
$('#slider').click(
function(){
$(this).hide('slide',{direction:'right'},1000);
});
});
Senza usare jQuery UI, si potrebbe raggiungere il tuo obiettivo usando solo 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.
}
);
});
});
Se si sceglie di utilizzare jQuery UI, allora vi consiglio il collegamento al Codice ospitato da Google, al numero: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js
Sto cercando di stare lontano dall'interfaccia utente jQuery – Webnet
@Webnet, quindi quest'ultimo codice/demo dovrebbe funzionare ... –
Un'altra soluzione è usare .animate() e il CSS appropriato.
ad es.
$('#mydiv').animate({ marginLeft: "100%"} , 4000);
Che non sembra funzionare nel mio esempio .... http : //jsfiddle.net/Webnet/DtzAw/ – Webnet
@Webnet: ma nel [esempio di collegamento a] (http://jsfiddle.net/Webnet/DtzAw/) (nel tuo commento precedente), non apparirà per chiamare ['animate()'] (http://api.jquery.com/animate/). –
Spiacente, non ha collegato la revisione corretta .... http://jsfiddle.net/Webnet/DtzAw/1/ – Webnet
- 1. jQuery Menu contestuale del tasto destro Aiuto!
- 2. Disabilitare il tasto destro del mouse sulle immagini usando jquery
- 3. richiamare una funzione dopo destro pasta click in jQuery
- 4. JS: rileva il clic destro senza jQuery (in linea)
- 5. imposta ActionBarDrawerToggle all'angolo destro
- 6. destro in Emacs
- 7. Menu sul lato destro?
- 8. Margine destro in Vim
- 9. Pulsante Aggiungi al lato destro dell'intestazione
- 10. Canale sinistro destro di Android
- 11. posizione assoluta ruotata elemento destro
- 12. aprire Firebug in lato destro
- 13. Selenio 2 destro del mouse
- 14. Utilizzando SlidingPaneLayout dal lato destro?
- 15. autohotkey ctrl + clic = tasto destro
- 16. Padding sinistro/destro per Button.setCompoundDrawablesWithIntrinsicBounds()?
- 17. Tasto destro contextMenu su QPushButton
- 18. Disabilita clic destro in silverlight
- 19. Utilizzare jQuery per alternare l'allineamento del testo sinistro e destro, a seconda della lingua
- 20. Rimuovi il margine destro su ogni quarto elemento VISIBILE usando jQuery?
- 21. Come allineare Datepicker al bordo destro della casella di testo?
- 22. Objective-C: NSStatusBar clic destro e sinistro
- 23. CSS: destro allineare un testo verticalmente ruotato
- 24. Modalità gratuita di distrazione con margine destro
- 25. matplotlib sull'asse y sul lato destro
- 26. join destro uguale a sinistra join?
- 27. Scorciatoia da tastiera "Tasto destro" per Eclipse?
- 28. Cattura clic destro su HTML DIV
- 29. GraphViz albero binario destro e sinistro bambino
- 30. Rimuovi il lato destro della casella shadow
Sfilare lo schermo verso destra, o semplicemente per il bordo destro dello schermo? –
Scivola effettivamente dallo schermo – Webnet