鼠标右键上下文菜单配置js代码插件是一款非常实用的纯JavaScript右键上下文菜单插件。
JS代码
<scriptsrc="bootstrap/js/bootstrap.min.js"></script>
<scriptsrc='js/class2context.js'></script>
<scripttype="text/javascript">
array=[["<imgsrc='img/iMac-icon.png'width='25px'/>A1","function1()"],["<imgsrc='img/Autodesk-Alias-Design-icon.png'width='25px'/>A2","function2()"]];
class2context('class1',"titleA",array);
class2context('class3',"titleC",[["<imgsrc='img/123D-Design-icon.png'width='25px'/>C1","function1()"],["<imgsrc='img/Actions-draw-brush-icon.png'width='25px'/>C3","function3()"]]);
class2context('class2',"titleB",[["<imgsrc='img/3d-material-drop-tool-icon.png'width='25px'/>B2","function2()"],["<imgsrc='img/Design-Briefs-icon.png'width='25px'/>B3","function3()"]]);class2context("classHeader","titleTableMenu",[["headerfunction1","function1()"],["headerfunction2","function2()"]]);class2context('class4',"title",[["option1","function1()"],["option2","function2()"]]);
class2context('mainimg',"Imagecontextmenu",[["<imgsrc='img/123D-Design-icon.png'width='25px'/>C1","function1()"],["<imgsrc='img/Actions-draw-brush-icon.png'width='25px'/>C3","function3()"]]);class2context('classSub2',"subelementcontextinsideotherelement",[["<imgsrc='img/123D-Design-icon.png'width='25px'/>C1","function1()"]]);functionfunction1(){
alert("function1clicked");
}
functionfunction2(){
alert("function2clicked");
}
functionfunction3(){
alert("function3clicked");
}
functionContextMenus(){
console.log("contextmenucalled");
}
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
下载
|
|
置顶卡
变色卡