Maison > interface Web > js tutoriel > Apprenez facilement le plug-in jQuery EasyUI EasyUI pour créer des menus et des boutons_jquery

Apprenez facilement le plug-in jQuery EasyUI EasyUI pour créer des menus et des boutons_jquery

WBOY
Libérer: 2016-05-16 15:28:45
original
1155 Les gens l'ont consulté

1. Créez un menu simple avec EasyUI

Le menu est défini dans certaines balises DIV, comme indiqué ci-dessous :

<div id="mm" class="easyui-menu" style="width:120px;">
 <div onclick="javascript:alert('new')">New</div>
 <div>
 <span>Open</span>
 <div style="width:150px;">
 <div><b>Word</b></div>
 <div>Excel</div>
 <div>PowerPoint</div>
 </div>
 </div>
 <div icon="icon-save">Save</div>
 <div class="menu-sep"></div>
 <div>Exit</div>
</div>
Copier après la connexion

Lorsque le menu est créé, il ne sera pas affiché. Appelez la méthode 'show' pour l'afficher ou la méthode 'hide' pour le masquer :

$('#mm').menu('show', {
 left: 200,
 top: 100
});
Copier après la connexion

2. Bouton de création EasyUI
1. EasyUI crée un bouton de lien (Link Button)
En règle générale, les boutons sont créés à l'aide de l'élément

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal