# j-FloatingBox > j-FloatingBox: Υποστηρίζει τη σκοτεινή λειτουργία Framework: jcomponent20 Product: jComponent 20 (jcomponent@20) Language: el Content-SHA256: e4ed1ff5d81fb9cefe72ea9719c815995d8d64f48c5a35c9709e445555d68e52 Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e Review: not-recorded - Υποστήριξη - Dark Mode __ΕΠΙΤΡΟΦΗ__: - `zindex {Number}` ένας προεπιλεγμένος δείκτης z για τις φόρμες (προεπιλογή: `10`) __Μέθοδοι__: - Το `component.show(opt)` δείχνει ένα κουτί - `opt.id {String}` _ απαιτείται_ - ένα αναγνωριστικό κουτί - `opt.element {HTML Element}` _ απαιτείται_ - στοχευμένο στοιχείο - Μπορείτε να χρησιμοποιήσετε την απόλυτη θέση: - `opt.x {Number}` - `opt.y {Number}` - Το `opt.offsetX {Number}` επηρεάζει το offset X - Το `opt.offsetY {Number}` επηρεάζει το offset Y - `opt.align {String}` σύγκλιση `left` (προεπιλεγμένη), `center` ή `right` - `opt.position {String}` σύγκλιση `top` (προεπιλεγμένη), `bottom` - `opt.minwidth {Number}` - `opt.maxwidth {Number}` - `opt.mouseleave {String}` ένα σύνδεσμο με τη μέθοδο, εκτελείται όταν ο κούκλες ποντικιού αφήνει το πλαίσιο `function(e, close)}` - Το `opt.autofocus {Boolean}` προσπαθεί να επικεντρωθεί στην πρώτη εισαγωγή / κείμενο - `opt.hide {String}` Σύνδεση με τη μέθοδο `function(box_element)` - `opt.show {String}` Σύνδεση με τη μέθοδο `function(box_element)` - Το `opt.autohide {Boolean}` σας επιτρέπει να κρύψετε ένα κουτί μετά την κλικ σε αυτό - `opt.delay {Number}` μια απλή καθυστέρηση για την παράδοση (προεπιλεγμένη: `0`) - `opt.scrolltop {Boolean}` αποσπά την κορυφαία θέση από το τρέχον offset Y (προεπιλεγμένο: `false`) - `opt.url {String}` προαιρετική, διεύθυνση URL για το περιεχόμενο - Το `opt.path {String}` θα αντικαταστήσει όλες τις φράσεις του `~PATH~` στο πρότυπο που έχει κατεβάσει - Το `opt.ID {String}` θα αντικαταστήσει όλες τις φράσεις του `~ID~` στο πρότυπο που έχει κατεβάσει - Το `component.hide()` κρύβει το τελευταίο ανοιχτό κουτί - Το `component.hide([box_id])` κρύβει το συγκεκριμένο κουτί και όλα τα κουτιά του - Το `component.hide(true)` κρύβει όλα τα κουτιά ### Κύπελλο ```html
Your content
``` __ΕΠΙΤΡΟΦΗ__: - `init {String}` μια σύνδεση με τη μέθοδο, εκτελείται όταν το κουτί αρχίζει για πρώτη φορά `function(element)` - `reload {String}` Σύνδεση με τη μέθοδο `function(element)` - `hide {String}` μια σύνδεση με τη μέθοδο, εκτελείται όταν το κουτί πρόκειται να κρύψει `function(element)` - `scope {String}`: Το όνομα του προσαρμοσμένου πεδίου / plugin - `zindex {Number}` ένα προσαρμοσμένο z-index για αυτό το κουτί Χρησιμοποιήστε το με ``Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση `DEF.fallback` (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια. ```html example.html
Box 1



Box 2



Show box 3
Box 3
Show box 1
Show box 2
Show box 3
```