简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

jQuery EasyUI menus and buttons to create simple menus and link buttons_jquery

WBOY
Release： 2016-05-16 15:31:34
Original
1424 people have browsed it

Menu is defined in some DIV tags, as shown below: 

 <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>
Copy after login

When the menu is created, it will not be displayed. Call the 'show' method to display it or the 'hide' method to hide it: 

 $('#mm').menu('show', {
  left: 200,
  top: 100
 });
Copy after login

Create Link Button

Normally, buttons are created using the

Related labels：
jquery_easyui菜单 jquery_easyui按钮 jquery_easyui按钮
source：php.cn
Previous article：Learn JScript Bugs and Memory Management from me_javascript skills Next article：Learn javascript loops with me_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
Show hidden side panels: checked I would like to have a navigation menu in the side panel with the ability to switch to vie...
From 2024-04-06 15:49:33
0
1
319
Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...
From 2024-04-06 14:54:03
0
2
421
Center dropdown menu in navigation bar I made this CSS/HTML. .navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.n...
From 2024-04-04 18:24:52
0
1
338
Mouseover of specific menu item not showing hidden submenu I created some classes for the menu items so that I can call them. .dropdownBox{display:no...
From 2024-04-04 14:39:08
0
1
359
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！