jQuery有进步，小弟我要有一颗强大的心！内心强大才是。
jQuery有进步，我要有一颗强大的心！！！内心强大才是。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="themes/icon.css" />
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css"/>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#a1').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','info');
});
$('#a2').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','question');
});
$('#a3').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','warning');
});
$('#a4').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','error');
});
$('#a5').click(function(){
$.messager.confirm('询问：','<br>您真的要删除该数据吗?',function(r){
if(r){
$.messager.alert('提示:','<br>数据删除成功!','info');
}else{
$.messager.alert('提示:','<br>你取消了!','info');
}
});
});
$('#a6').click(function(){
$.messager.prompt('提示:','请输入您的姓名:',function(r){
if(r){
$.messager.alert('提示:','<br>'+r+',欢迎光临!','info');
}
});
});
//菜单
$('#a7').click(function(){
var objA7=$('#a7');
var left=objA7.offset().left+objA7.width();
var top =objA7.offset().top+objA7.height();
$('#mm').menu('show',{
left:left,
top:top
});
});
//右键菜单
$(document).bind('contextmenu',function(e){
$('#menu').menu('show',{
left:e.pageX,
top:e.pageY
});
return false;
/*
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
return false;
*/
});
});
</script>
</head>
<body>
<a href="#" id="a1">info</a>
<p>
<a href="#" id="a2">question</a>
<p>
<a href="#" id="a3">warning</a>
<p>
<a href="#" id="a4">error</a>
<p>
<a href="#" id="a5">confirm</a>
<p>
<a href="#" id="a6">prompt</a>
<p>
<a href="#" id="a7">menu</a>
<p>
<div id="mm" class="easyui-menu" style="width:120px;">
<div onClick="javascript:alert('new')">New</div>
<div>
<span>Open</span>
</div>
<div iconCls="icon-save">Save</div>
<div class="menu-sep"></div>
<div>Exit</div>
</div>
<div id="menu" class="easyui-menu" style="width:120px;">
<div>打开</div>
<div iconCls="icon-cancel">退出</div>
<div class="menu-sep"></div>
<div>编辑</div>
<div iconCls="icon-ok">
<span>图像处理</span>
<div style="width:150px;">
<div><b>锐化</b></div>
<div>
<span>模糊</span>
</div>
<div>浮雕效果</div>
</div>
</div>
<div iconCls="icon-save">保存</div>
<div>复制</div>
<div >粘贴</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="themes/icon.css" />
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css"/>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#a1').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','info');
});
$('#a2').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','question');
});
$('#a3').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','warning');
});
$('#a4').click(function(){
$.messager.alert('提示:','<br>你的操作成功了','error');
});
$('#a5').click(function(){
$.messager.confirm('询问：','<br>您真的要删除该数据吗?',function(r){
if(r){
$.messager.alert('提示:','<br>数据删除成功!','info');
}else{
$.messager.alert('提示:','<br>你取消了!','info');
}
});
});
$('#a6').click(function(){
$.messager.prompt('提示:','请输入您的姓名:',function(r){
if(r){
$.messager.alert('提示:','<br>'+r+',欢迎光临!','info');
}
});
});
//菜单
$('#a7').click(function(){
var objA7=$('#a7');
var left=objA7.offset().left+objA7.width();
var top =objA7.offset().top+objA7.height();
$('#mm').menu('show',{
left:left,
top:top
});
});
//右键菜单
$(document).bind('contextmenu',function(e){
$('#menu').menu('show',{
left:e.pageX,
top:e.pageY
});
return false;
/*
$('#mm').menu('show', {
left: e.pageX,
top: e.pageY
});
return false;
*/
});
});
</script>
</head>
<body>
<a href="#" id="a1">info</a>
<p>
<a href="#" id="a2">question</a>
<p>
<a href="#" id="a3">warning</a>
<p>
<a href="#" id="a4">error</a>
<p>
<a href="#" id="a5">confirm</a>
<p>
<a href="#" id="a6">prompt</a>
<p>
<a href="#" id="a7">menu</a>
<p>
<div id="mm" class="easyui-menu" style="width:120px;">
<div onClick="javascript:alert('new')">New</div>
<div>
<span>Open</span>
</div>
<div iconCls="icon-save">Save</div>
<div class="menu-sep"></div>
<div>Exit</div>
</div>
<div id="menu" class="easyui-menu" style="width:120px;">
<div>打开</div>
<div iconCls="icon-cancel">退出</div>
<div class="menu-sep"></div>
<div>编辑</div>
<div iconCls="icon-ok">
<span>图像处理</span>
<div style="width:150px;">
<div><b>锐化</b></div>
<div>
<span>模糊</span>
</div>
<div>浮雕效果</div>
</div>
</div>
<div iconCls="icon-save">保存</div>
<div>复制</div>
<div >粘贴</div>
</div>
</body>
</html>