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>
Με ενδιαφέρει να φαίνεται μόνο η περιοχή που καλύπτει το div 1
πως θα το κάνω να φαίνεται μόνο η div 1. να σβήνει αργά μετά από Χ δευτερόλεπτα, μετά να εμφανίζεται στην θέση της η div 2, μετά η div3, div 4, div 5 κοκ;;
Δηλαδή να έχω αρχική οθόνη αυτό
να σβηνει αρχα (πχ διαρκεια 5'') και μετα στην θέση του αυτό
μετα
μετα
μετά
μέχρι το div 8 και μετά πάλι από την αρχή
Ευχαριστώ προκαταβολικά
Εμφάνιση 1-6 από 6
Θέμα: Βοήθεια σε CSS
-
27-12-17, 23:20 Βοήθεια σε CSS #1
-
28-12-17, 00:50 Απάντηση: Βοήθεια σε CSS #2
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 })();
The world can change by your actions not by your opinions
-
29-12-17, 10:41 Απάντηση: Βοήθεια σε CSS #3
Είσαι Θεός
- - - 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πορεί να μου εξηγήσει κάποιος γιατί δεν τρέχει;
-
30-12-17, 00:48 Απάντηση: Βοήθεια σε CSS #4
Επειδή ο κώδικας εκτελείται όταν δεν υπάρχουν ακόμα τα 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>
- Κάνετε τη δουλειά σας γρήγορα, αξιόπιστα, με ασφάλεια, χωρίς τεχνητούς περιορισμούς και δωρεάν με το Linux.
- Οι δίσκοι χαλάνε! Σκεφτείτε τα αρχεία σας πριν την πατήσετε. Κάνετε τακτικά backup.
-
30-12-17, 00:53 Απάντηση: Βοήθεια σε CSS #5
Σε ευχαριστώ πολύ
-
07-01-18, 19:27 Απάντηση: Βοήθεια σε CSS #6
υπάρχει τρόπος να κάνουμε την αλλαγή των content τυχαία και όχι με την σειρά;
Παρόμοια Θέματα
-
ΒΟΗΘΕΙΑ ΣΕ WI-FI ACCESSPOINT (ΠΡΟΒΛΗΜΑ)
Από GEORGEVASS στο φόρουμ Wireless NetworkingΜηνύματα: 1Τελευταίο Μήνυμα: 04-12-17, 17:43 -
[Other] Βοήθεια σε έρευνα αγοράς router με δυνατό WiFi + Access Points?
Από G4b1t στο φόρουμ ADSL & Broadband Hardware, routers και modems...Μηνύματα: 6Τελευταίο Μήνυμα: 05-07-17, 16:59 -
Βοήθεια σε συνδεσμολογία...
Από angelospower στο φόρουμ NetworkingΜηνύματα: 41Τελευταίο Μήνυμα: 22-03-17, 01:27 -
Mια βοήθεια σε powerpoint
Από nikraven στο φόρουμ Software γενικάΜηνύματα: 0Τελευταίο Μήνυμα: 16-03-17, 15:28 -
Βοηθεια σε επιλογη cpu fan
Από villasg στο φόρουμ Κουτιά, τροφοδοτικά και ψύξηΜηνύματα: 21Τελευταίο Μήνυμα: 18-01-17, 12:21
Bookmarks