Περίεργο Εφέ HTML Text

Κατά τις πρώτες ημέρες της ανάπτυξης Web , κειμενικά αποτελέσματα ήταν αρκετά περιορισμένη . Αν θέλετε να χρησιμοποιήσετε κάτι άλλο από μια βασική γραμματοσειρά εμφανίζεται απευθείας inline με άλλα στοιχεία , θα είχε καμία επιλογή αλλά για να δημιουργήσει μια εικόνα στο Photoshop , σε αντικατάσταση του κειμένου . Ενώ ορισμένες ετικέτες HTML εξακολουθούν να παρέχουν κειμένου επιπτώσεις , οι περισσότεροι προγραμματιστές τώρα στο CSS και JavaScript . Με αυτά τα εργαλεία , μια μεγάλη ποικιλία από παράξενα αποτελέσματα μπορούν να επιτευχθούν μέσω του κειμένου και μόνο . Σημειώστε, ωστόσο , ότι τα διάφορα προγράμματα περιήγησης αντιδρούν διαφορετικά στο CSS και JavaScript εφέ . Δοκιμάστε τον κωδικό σας σε πολλά προγράμματα περιήγησης και να διαβάσετε επάνω σε στυλ cross -browser και scripting . HTML Tags
Η

μερικά ειδικά εφέ τα οποία ήταν μέρος της πρόωρης HTML πρότυπα εξακολουθούν να εργάζονται . Άλλοι δεν υποστηρίζονται πλέον . Μόλις η " αναλαμπή " ετικέτα ήταν ιδιαίτερα ευνοημένο από νωρίς διαφημιστές web ως ένας τρόπος για να πάρει την προσοχή του χρήστη . " Blink " είναι , ευτυχώς , παρωχημένη και μερικά προγράμματα περιήγησης εξακολουθεί να στηρίζει, αλλά και άλλα εφέ HTML tag , όπως " σκηνή ", εξακολουθούν να λειτουργούν. Εδώ είναι μερικά παραδείγματα :

Αυτό το κείμενο που χρησιμοποιείται για να αναβοσβήνει , αλλά δεν πια < /blink > Το κείμενο αυτό θα μετακινηθείτε πάντα προς τα αριστερά < /marquee > αυτό το κείμενο θα κινείται μπρος και πίσω σε όλη την οθόνη < /marquee > εικόνων
Τεχνικές CSS
Η Φύλλα

Cascading Style επιτρέπουν στον προγραμματιστή web designer ή περισσότερο έλεγχο πάνω από την εμφάνιση του HTML κειμένου . Χρησιμοποιώντας CSS , το χρώμα του κειμένου μπορεί να χειραγωγηθεί , κομμάτια κειμένου μπορεί να είναι πολυεπίπεδη , μπορούν να δημιουργηθούν εφέ σκιάς και το κείμενο μπορεί ακόμη και να είναι κινούμενα . Μερικά παραδείγματα περίεργα αποτελέσματα που παρουσιάζονται παρακάτω

< p style = " font-size : 30px ? Color: # 000 ? Υπόβαθρο : # fff ? Text-shadow : 2px 2px 3px # 000 ? " . ? > Αυτό το κείμενο έχει μια σκιά < /p> style="font-size:30px;color: #fff;background: #000;text-shadow: 1px 1px 6px #fff;"> Αυτό κείμενο θα λάμπουν < /p> style="font-size:30px;color: #000;background: #666;text-shadow: 0px 1px 1px #fff;"> αυτό το κείμενο θα εμφανιστεί χαραγμένο < /p >

Η Browser Specifid Τεχνικές CSS
Η

Η " μετατρέψουν" το ακίνητο εφαρμόζεται σε ορισμένα προγράμματα περιήγησης και επιτρέπει στο κείμενο να αναβαθμιστούν , περιστρέφεται ή ασύμμετρη . Δυστυχώς, αυτό δεν υποστηρίζεται σε IE , αν και υπάρχουν κάποιες τεχνικές λύση ( βλ. Πόρων)

< div style = " - moz - μετασχηματισμό : . Skewx ( 10deg ) translatex ( 150px ) ? - Moz - μετασχηματισμό - προέλευσης : κάτω αριστερά ? font-size : 30px " . > Αυτό θα είναι ο τρόπος λοξή < /div > < div style = " - moz - μετασχηματισμού : περιστροφή ( 90deg ) ? - moz - μετασχηματισμού προέλευσης : κάτω αριστερά? font-size : . 30px " > Αυτό θα περιστρέφεται ενενήντα μοίρες < /div >
εικόνων JavaScript και DHTML Τεχνικές
Η

Με Javascript και DHTML που εμπλέκονται , κείμενο μπορεί να περιλαμβάνει αποτελέσματα που ανταποκρίνονται στην είσοδο και τις ενέργειες του χρήστη. Το παρακάτω παράδειγμα αλλάζει το μέγεθος του κειμένου όταν μετακινείτε το ποντίκι σας πάνω από αυτό .

< P onmouseover = " this.style.fontSize = '40px " onmouseout = " this.style.fontSize = '30px " style = " font-size : 30px " > Αυτό θα αυξηθεί όταν μετακινείτε το ποντίκι πάνω από το < /p>
Η
εικόνων

• Τελευταίο άρθρο: Πώς να μετατρέψει MP3 σε MP4 σύνδεση 
• Επόμενο άρθρο: Πώς να χρησιμοποιήσετε το VNC Viewer 4 

Συναφής σύστασή

• Πώς να Post βίντεο στο Metacafe
• Πώς να αυξήσει Internet Dialup Speed ​​
• Τι είναι μεσολάβησης Σύνδεση
• Πώς να βρείτε δωρεάν Wi-Fi πρόσβαση
• Οι κύριοι φορείς της κυκλοφορίας στο Διαδίκτυο είναι γνωστοί συλλογικά ως Διαδίκτυο;

Τελευταία άρθρα

• Πώς να δείτε μια ομάδα στο Facebook
• Ποια είναι τα δύο πρωτόκολλα που υποστηρίζουν την επικοινωνία μέσω ηλεκτρονικού ταχυδρομείου σε ένα δίκτυο;
• Είναι το Διαδίκτυο παράδειγμα δικτύου;
• Πώς να Test Internet υψηλής ταχύτητας ενός PC

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα