Προς το περιεχόμενο

Απλό JQuery vertical slider


Cool-processor

Προτεινόμενες αναρτήσεις

Δημοσ.

νομίζω ότι αυτό που γράφεις είναι άλλο από αυτό που ψάχνεις. ένας slider και jquery κιόλας είναι αυτός http://docs.jquery.com/UI/Slider

εσύ όμως από ότι κατάλαβα θες να εμφανίζεται ένα div αφού πατήσεις κάτι και να κλίνει αφού ξαναπατήσεις εκεί ή πατήσεις κάποιο close σωστά?

αν κατάλαβα σωστά αυτό που θες είναι εδώ http://api.jquery.com/slideToggle/, γίνεται και με άλλους τρόπους βέβαια.

Δημοσ.

Πάντως αυτό το effect μπορείς να το πετύχεις εύκολα με jquery χρησιμοποιώντας είτε την .animate() είτε τη .slideDown()...

 

η slideToggle που έχω γράψει πάνω είναι slideDown + SlideUp σε ένα

Δημοσ.

ακριβώς αυτό ψαχνω (το toggle και το slideup) αν μπορει καποιος να με βοηθησει.

 

λίγο αλλαγμένο παράδειγμα από το documentation της jquery που σου δωσα παραπάνω

 

><!DOCTYPE html>
<html>
<head> 
	<style>  
		p { width:400px; }  
	</style>  
	<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body> 
<button id="koubi">Toggle</button> 
<p id="kouti" style="display:none;"> 
This is the paragraph to end all paragraphs.  You    should feel <em>lucky</em> 
to have seen such a paragraph in    your life.  Congratulations!  
</p>
<script>    $("#koubi").click(function () 
		{      $("#kouti").slideToggle("slow");    });
</script>
</body> 
</html>

χρησιμοποίησε αυτό ως βάση για να προχωρήσεις.

Δημοσ.

ναι αλλά το slide ειναι αντίθετα από αυτό που ψάχνω.

 

 

αφού από πάνω προς τα κάτω δεν θες να γίνεται?? αυτό γίνεται και εδώ

Δημοσ.

ενταξει ευχαριστώ το εκανα αυτο που ηθελα.

Τώρα ψάχνω την συνάρτηση για να εμφανίζεται ενα κείμενο σταδιακά.Εψαξα στο api.jquery.com αλλα δεν βρηκα αυτο που ηθελα

Δημοσ.

ενταξει ευχαριστώ το εκανα αυτο που ηθελα.

Τώρα ψάχνω την συνάρτηση για να εμφανίζεται ενα κείμενο σταδιακά.Εψαξα στο api.jquery.com αλλα δεν βρηκα αυτο που ηθελα

 

αν καταλαβαίνω τι θέσεις γιατί και έτσι σταδιακά εμφανίζεται, θα σε βοηθήσεις η λέξη easing ή και η animate που είπε ο thanoscaster πριν

Δημοσ.

τελικά το βρήκα

 

>
$(document).ready(function(event){
  $("#phrase").hide().html(($phrases=['message1','message2', 'message3', 'message4', 'message5', 'message6'])[Math.floor(Math.random()*$phrases.length)]).delay(1000).fadeIn("slow");
});

 

εψαχνα random word generator και του προσάρμοσα delay και fadein.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

  • Δημιουργία νέου...