<html>
<head>
<meta charset="utf-8">
<title>Very Simple Context Menu vs-Context</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="vscontext.jquery.js"></script>
<script type="text/javascript">
function chooseUser(){
var menu_id = $('a').attr('id');
alert(menu_id + ' :: Choose Function fired from menu_action.js file');
}
function upMic(){
var menu_id = $('a').attr('id');
alert(menu_id + ' :: Copy Function fired from menu_action.js file');
}
function shutUp(){
var menu_id = $('a').attr('id');
alert(menu_id + ' :: Paste Function fired from menu_action.js file');
}
function getOut(){
var menu_id = $('a').attr('id');
alert(menu_id + ' :: Edit Function fired from menu_action.js file');
}
function banIP(){
var menu_id = $('a').attr('id');
alert(menu_id + ' :: Delete Function fired from menu_action.js file');
}
function banMach(){
var menu_id = $('a').attr('id');
alert(menu_id + ' :: Delete Function fired from menu_action.js file');
}
$(document).ready(function(){
$('#context').vscontext({menuBlock: 'vs-context-menu'});
});
</script>
<style type="text/css" >
@import "css/vscontext.css";
</style>
<style type="text/css" >
body { padding-left: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
#context { width: 400px; height: 200px; border:1px solid #ECECEC; background: #CECECE; }
code { background: #ECECEC; }
</style>
</head>
<body>
<div id="context"> This is the testing block. </div>
<div class="vs-context-menu">
<ul>
<li><a href="javascript:chooseUser();" id="menu_1">选中用户</a></li>
<li><a href="javascript:upMic();" id="menu_2">将用户抱上麦</a></li>
<li><a href="javascript:shutUp();" id="menu_3">禁言</a></li>
<li><a href="javascript:getOut();" id="menu_4">将用户踢出房间</a></li>
<li><a href="javascript:banIP();" id="menu_5">封杀IP</a></li>
<li><a href="javascript:banMach();" id="menu_6">封杀机器码</a></li>
</ul>
</div>
</body>
</html>
- 1
- 2
前往页