Maak Simple Transparante Tooltips met CSS en jQuery
Deze tutorial zal je leren hoe u enkele basisgegevens tooltips met ongeveer 10 lijnen van CSS en jQuery Code.
Deze tutorial zal je leren hoe u enkele basisgegevens tooltips met ongeveer 10 lijnen van CSS en jQuery Code.
CoolTips wordt gebruikt ter vervanging van conventionele web-browser tekstballonnen. De tooltips krijgen van de inhoud van de titel attribuut, dus het is volledig onopvallend. CoolTips OO is een klasse op basis van Prototype JS en script.aculo.us kaders.
Let's die u maakt uw muis over tooltips voor uw inhoud en kunt u de weergave van aanvullende informatie. Gebruik gzip loader techniek zal CSS en Javascript bestanden sneller en meer ook met een minimum HTTP-verzoek.
Tooltip gebaseerd, gedeeltelijk, op Craig's qTip Erskine. Het ondersteunt alle browsers, is eenvoudig te implementeren en is licht-gewicht. Het biedt u de gelegenheid om het goed te werken bij een van uw projecten.
Lichtgewicht (2KB) en zeer eenvoudig te gebruiken geanimeerde JavaScript tooltip script met fade in / out effect. Het is getest werkt in IE6 +, Firefox, Opera en Safari.
Een heel simpele en elementaire Crossbrowser Tooltip is dit minder dan 1kb tooltip CSS script zou kunnen zijn voor het een voor u (3lines css, 1line html).
De tweede update burgemeester van de bibliotheek met een verbeterde CSS-model, niet meer CSS hacken is nodig voor een soepele effecten. Toegevoegd Prototype en Scriptaculous versie controleren.