jquery context menu 데모
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
http://medialize.github.io/jQuery-contextMenu/demo.html
Demo: Simple Context Menu
Example code: Simple Context Menu
$(function(){ $.contextMenu({ selector: '.context-menu-one', callback: function(key, options) { var m = "clicked: " + key; window.console && console.log(m) || alert(m); }, items: { "edit": {name: "Edit", icon: "edit"}, "cut": {name: "Cut", icon: "cut"}, "copy": {name: "Copy", icon: "copy"}, "paste": {name: "Paste", icon: "paste"}, "delete": {name: "Delete", icon: "delete"}, "sep1": "---------", "quit": {name: "Quit", icon: "quit"} } }); $('.context-menu-one').on('click', function(e){ console.log('clicked', this); }) });
Example HTML: Simple Context Menu
<div class="context-menu-one box menu-1"> <strong>right click me</strong> </div>
'Web > javascript / jQuery' 카테고리의 다른 글
[jQuery] ctrl + c, ctrl + v 등이 작동하도록 단축키 만들기 (311) | 2015.04.28 |
---|---|
[jQuery] 날짜 계산 (예/1주일전) (1143) | 2015.04.28 |
[jquery] Date 값 설정시 today 아닌 날짜로 (1031) | 2015.04.28 |
[jQuery] Date Picker 에서 default date (1216) | 2015.04.28 |
[jQuery] jquery로 드롭다운 메뉴 구현하기 (2) | 2015.04.28 |