Εμφάνιση 1-6 από 6
  1. #1
    Εγγραφή
    22-12-2017
    Μηνύματα
    28
    Downloads
    0
    Uploads
    0
    ISP
    ΟΤΕ Conn-x
    Kαλησπέρα και Χρόνια Πολλά

    Ερώτησις:

    Εχω αυτόν τον απλό κώδικα

    <!DOCTYPE html>
    <html>
    <style>
    body {background-color: white; }

    div {width:20%; height:70px; color:white; text-align:center; font-size: 300%;}

    .aaa {background-color: red; position:relative; left:40%}
    .bbb {background-color: green; position:relative; left:40%}
    .ccc {background-color: yellow; position:relative; left:40%}
    .ddd {background-color: blue; position:relative; left:40%}
    .eee {background-color: orange; position:relative; left:40%}
    .fff {background-color: maroon; position:relative; left:40%}
    .ggg {background-color: pink; position:relative; left:40%}
    .hhh {background-color: black; position:relative; left:40%}

    </style>
    <body>

    <div class="aaa">1</div>
    <div class="bbb">2</div>
    <div class="ccc">3</div>
    <div class="ddd">4</div>
    <div class="eee">5</div>
    <div class="fff">6</div>
    <div class="ggg">7</div>
    <div class="hhh">8</div>

    </body>
    </html>

    Πατήστε στην εικόνα για να τη δείτε σε μεγέθυνση. 

Όνομα:  divs.jpg 
Εμφανίσεις:  0 
Μέγεθος:  34,5 KB 
ID: 189781

    Με ενδιαφέρει να φαίνεται μόνο η περιοχή που καλύπτει το div 1

    πως θα το κάνω να φαίνεται μόνο η div 1. να σβήνει αργά μετά από Χ δευτερόλεπτα, μετά να εμφανίζεται στην θέση της η div 2, μετά η div3, div 4, div 5 κοκ;;

    Δηλαδή να έχω αρχική οθόνη αυτό
    Πατήστε στην εικόνα για να τη δείτε σε μεγέθυνση. 

Όνομα:  div 1.jpg 
Εμφανίσεις:  0 
Μέγεθος:  19,6 KB 
ID: 189782

    να σβηνει αρχα (πχ διαρκεια 5'') και μετα στην θέση του αυτό
    Πατήστε στην εικόνα για να τη δείτε σε μεγέθυνση. 

Όνομα:  div 2.jpg 
Εμφανίσεις:  0 
Μέγεθος:  19,7 KB 
ID: 189783

    μετα
    Πατήστε στην εικόνα για να τη δείτε σε μεγέθυνση. 

Όνομα:  div 3.jpg 
Εμφανίσεις:  0 
Μέγεθος:  19,6 KB 
ID: 189784

    μετα
    Πατήστε στην εικόνα για να τη δείτε σε μεγέθυνση. 

Όνομα:  div 4.jpg 
Εμφανίσεις:  0 
Μέγεθος:  19,5 KB 
ID: 189785

    μετά
    Πατήστε στην εικόνα για να τη δείτε σε μεγέθυνση. 

Όνομα:  div 5.jpg 
Εμφανίσεις:  0 
Μέγεθος:  18,8 KB 
ID: 189786

    μέχρι το div 8 και μετά πάλι από την αρχή

    Ευχαριστώ προκαταβολικά

  2. #2
    Εγγραφή
    15-03-2005
    Ηλικία
    40
    Μηνύματα
    1.914
    Downloads
    0
    Uploads
    0
    ISP
    ΟΤΕ Conn-x
    DSLAM
    ΟΤΕ - ΠΕΡΑΜΑ
    1 λεπτό παίρνει να googlar-εις τέτοια πράγματα

    Κώδικας:
    var divs = $('div[id^="content-"]').hide(),
        i = 0;
    
    (function cycle() { 
        divs.eq(i).fadeIn(400)
                  .delay(5000)
                  .fadeOut(400, cycle);
    
        i = ++i % divs.length; // increment i, 
                               //   and reset to 0 when it equals divs.length
    })();
    http://jsfiddle.net/eFjnU/
    The world can change by your actions not by your opinions

  3. #3
    Εγγραφή
    22-12-2017
    Μηνύματα
    28
    Downloads
    0
    Uploads
    0
    ISP
    ΟΤΕ Conn-x




    Είσαι Θεός

    - - - Updated - - -

    <!DOCTYPE html>
    <html>

    <head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <script>

    var divs = $('div[id^="content-"]').hide(),
    i = 0;

    (function cycle() {
    divs.eq(i).fadeIn(400)
    .delay(5000)
    .fadeOut(400, cycle);

    i = ++i % divs.length; // increment i,
    // and reset to 0 when it equals divs.length
    })();

    </script>

    </head>

    <body>

    <div id="content-1">Sample text 1</div>
    <div id="content-2">Sample text 2</div>
    <div id="content-3">Sample text 3</div>
    <div id="content-4">Sample text 4</div>
    <div id="content-5">Sample text 5</div>
    <div id="content-6">Sample text 6</div>
    <div id="content-7">Sample text 7</div>

    </body>
    </html>

    Mπορεί να μου εξηγήσει κάποιος γιατί δεν τρέχει;

  4. #4
    Εγγραφή
    21-03-2008
    Ηλικία
    36
    Μηνύματα
    9.888
    Downloads
    8
    Uploads
    2
    Τύπος
    VDSL2
    Ταχύτητα
    51200/5120
    ISP
    Nova
    Router
    VMG8623-T50B & Debian
    Επειδή ο κώδικας εκτελείται όταν δεν υπάρχουν ακόμα τα div, αφού εμφανίζονται παρακάτω στο αρχείο. Μπορείς να μετακινήσεις το μπλοκ <script> σε κάποιο σημείο μετά τα div. Εναλλακτικά, μπορείς να γράψεις τον κώδικα έτσι:
    Κώδικας:
    <script>
    $(function() {
    var divs = $('div[id^="content-"]').hide(),
    i = 0;
    
    (function cycle() {
        divs.eq(i).fadeIn(400)
        .delay(5000)
        .fadeOut(400, cycle);
        
        i = ++i % divs.length; // increment i,
     // and reset to 0 when it equals divs.length
    })();
    });
    </script>
    Ο κώδικας μέσα στην $(function() {}); εκτελείται αφού έχει ολοκληρωθεί η φόρτωση του εγγράφου.
    - Κάνετε τη δουλειά σας γρήγορα, αξιόπιστα, με ασφάλεια, χωρίς τεχνητούς περιορισμούς και δωρεάν με το Linux.
    - Οι δίσκοι χαλάνε! Σκεφτείτε τα αρχεία σας πριν την πατήσετε. Κάνετε τακτικά backup.

  5. #5
    Εγγραφή
    22-12-2017
    Μηνύματα
    28
    Downloads
    0
    Uploads
    0
    ISP
    ΟΤΕ Conn-x


    Σε ευχαριστώ πολύ

  6. #6
    Εγγραφή
    22-12-2017
    Μηνύματα
    28
    Downloads
    0
    Uploads
    0
    ISP
    ΟΤΕ Conn-x
    υπάρχει τρόπος να κάνουμε την αλλαγή των content τυχαία και όχι με την σειρά;

Παρόμοια Θέματα

  1. ΒΟΗΘΕΙΑ ΣΕ WI-FI ACCESSPOINT (ΠΡΟΒΛΗΜΑ)
    Από GEORGEVASS στο φόρουμ Wireless Networking
    Μηνύματα: 1
    Τελευταίο Μήνυμα: 04-12-17, 17:43
  2. [Other] Βοήθεια σε έρευνα αγοράς router με δυνατό WiFi + Access Points?
    Από G4b1t στο φόρουμ ADSL & Broadband Hardware, routers και modems...
    Μηνύματα: 6
    Τελευταίο Μήνυμα: 05-07-17, 16:59
  3. Βοήθεια σε συνδεσμολογία...
    Από angelospower στο φόρουμ Networking
    Μηνύματα: 41
    Τελευταίο Μήνυμα: 22-03-17, 01:27
  4. Mια βοήθεια σε powerpoint
    Από nikraven στο φόρουμ Software γενικά
    Μηνύματα: 0
    Τελευταίο Μήνυμα: 16-03-17, 15:28
  5. Βοηθεια σε επιλογη cpu fan
    Από villasg στο φόρουμ Κουτιά, τροφοδοτικά και ψύξη
    Μηνύματα: 21
    Τελευταίο Μήνυμα: 18-01-17, 12:21

Bookmarks

Bookmarks

Δικαιώματα - Επιλογές

  • Δεν μπορείτε να δημοσιεύσετε νέα θέματα
  • Δεν μπορείτε να δημοσιεύσετε νέα μηνύματα
  • Δεν μπορείτε να αναρτήσετε συνημμένα
  • Δεν μπορείτε να επεξεργαστείτε τα μηνύματα σας
  •  
  • Τα BB code είναι σε λειτουργία
  • Τα Smilies είναι σε λειτουργία
  • Το [IMG] είναι σε λειτουργία
  • Το [VIDEO] είναι σε λειτουργία
  • Το HTML είναι εκτός λειτουργίας