nl.hideout-lastation.com
Maak mooi
Om het element te stijlen, zou CSS voldoende moeten zijn. Maar goed, het is niet helemaal genoeg in termen van toegankelijkheid. Introductie van EasyDropDown.js, een gratis jQuery-plug-in om al deze tekortkomingen te verhullen .
EasyDropDown.js kan het ouderwetse select element in je webpagina gemakkelijk stijlen met veel functies. Na de
Installatie
Om EasyDropDown te installeren, moet u eerst de jQuery-bibliotheek opnemen in uw webpagina. Zorg ervoor dat u ook het javascript opneemt (download het hier), zoals:
En het CSS-bestand in de head tag:
.. ..
Als u een ander thema gebruikt, kopieert u de bestanden in uw webmap. Maakt u zich geen zorgen, u hoeft ze niet in de HTML-code op te nemen om ze te bellen.
Styling The Select
Wanneer u EasyDropDown.js gebruikt, kunt u een aanpasbaar vervolgkeuzemenu maken met een schone, semantische opmaak. De select elementen kunnen alleen in HTML worden opgemaakt. U kunt het element uitschakelen, een geselecteerde optie definiëren of eenvoudig een label toevoegen .
Om het te stijlen, moet u eerst een dropdown klasse in de tags opnemen. Een label kan worden toegevoegd door een label in de optie op te geven. Dit is de standaardmarkering:
Dat is het, u heeft geen aangepast javascript nodig om toe te voegen. Nu de waardeloze, ouderwetse
Als je een voorgeselecteerde optie wilt toevoegen, geef je gewoon je drop-down met het selected attribuut. We raden aan om deze instelling helemaal niet te gebruiken omdat de geselecteerde waarde het label opheft .
U kunt de vervolgkeuzelijst ook uitschakelen met behulp van het kenmerk disabled zoals:
Klaar om te gebruiken Thema's
EasyDropDown.js wordt geleverd met nog 2 kant-en-klare thema's: Metro en Flat . Als u de thema's wilt gebruiken, kunt u HTML5- data-attribute gebruiken.
Binnen in de
Naast wrapperClass zijn er nog meer instellingen die u kunt toevoegen, zie de documentatiepagina voor meer informatie. Als je cool bent met JavaScript-code, kun je de zelfstudie daar bekijken.
![Hoe u uw Android Chrome-browser kunt versnellen [QuickTip]](http://hideout-lastation.com/img/tech-design-tips/756/how-speed-up-your-android-chrome-browser.jpg)
Hoe u uw Android Chrome-browser kunt versnellen [QuickTip]
Wanneer u de Android-versie van Google Chrome gebruikt, heeft u waarschijnlijk de tijd ervaren waarin Chrome te veel tijd kost om te laden of regelmatig crasht of traag handelt bij het scrollen.Als u gewend bent aan Chrome en niet wilt kiezen voor een andere browser voor al uw online behoeften, kunt u hier een sneltip gebruiken om uw Android Chrome-browser te versnellen
Vakantie-e-mailmarketing: 6 tips om het goed te doen
Omdat e-mail een van de leidende methoden blijft om een grote meerderheid van de consumenten te bereiken, hebben de meeste consumenten zelfs zichzelf aangepast om op zoek te gaan naar aanbiedingen en promoties terwijl ze hun e-mail checken. Een recente studie van Consumer Views of Email Marketing door Bluehornet van Digital River heeft de 2015-editie van haar onderzoek gepubliceerd, dat bijna 2000 consumenteninzichten bevat over hoe zij marketing-e-mails percipiëren en beïnvloeden of negeren .Uit h
