HeapBox – Plugin jQuery – Améliorez le visuel de vos listes sélectives

A découvrir, un petit plugin jQuery qui va vous permettre de rendre visuellement plus agréable vos listes sélectives « select« .

En effet, ce n’est pas toujours évident d’obtenir se que l’on souhaite esthétiquement pour nos listes sélectives HTML sur nos sites web. Il existe diverses solutions, dont un petit plugin jQuery pratique, HeapBox, qui va vous permettre d’améliorer le visuel de vos listes sélectives et d’y ajouter des évènements.

jquery-heapbox-select

L’installation et l’utilisation de ce plugin jQuery est très simple :

1- Insertion des librairies

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/heapbox.js" type="text/javascript"></script

2- Insertion du style choisi pour les « select »

<link rel="stylesheet" href="themes/dark/css/dark.css" type="text/css" media="screen" />

3- Créer votre liste html

<select id="mySelect">
<option value="value1">Value 1</option>
<option value="value2">Value 2</option>
</select>

4- L’appel du plugin

$("#mySelect").heapbox();

Voici pour la mise en place basique, mais il y a de nombreuses options visibles sur la page d’exemples : http://www.bartos.me/heapbox/#examples

Pour télécharger et visualiser le plugin jQuery HeapBox : http://www.bartos.me/heapbox

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

1 Comment

Trackbacks/Pingbacks

  1. Vos propres effets de parallaxe avec parallax.js | LudiBlog - [...] HeapBox – Plugin jQuery – Améliorez le visuel de vos listes sélectives [...]
  2. Donnez vie à vos textes avec textillate un plugin jQuery | LudiBlog - [...] HeapBox – Plugin jQuery – Améliorez le visuel de vos listes sélectives [...]

Submit a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *