jQuery-EasyUI是一个UI插件,用于美化页面,给程序员带来不少的便利,里面封装了很多的组件。
只需要引用jQuery-EasyUI插件的js文件和css样式即可.
下面是jQuery-EasyUI插件的使用. 主要写了几个弹出框和对方框的使用方法:
<html>
<head>
<!-- 导入easyui插件的js和css样式; -->
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css">
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script>
<script type="text/javascript">
//右下角弹出框;
function slide(){
jQuery.messager.show({
title:'温馨提示:',
msg:'你好,我是从右下角弹出的窗体!',
timeout:5000,
showType:'slide'
});
}
//弹出框;
function alterInfo(){
jQuery.messager.alert('提示:','你好,我叫弹出框!');
}
//错误弹出框;
function errorInfo(){
jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error');
}
//信息弹出框;
function info(){
jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info');
}
//警告弹出框;
function warning(){
jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning');
}
//确认弹出框;
function confirmInfo(){
jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){
if(event){
alert('你点击的是'+event);
}else{
alert("你点击的是false");
}
});
}
//可以输入文本的对方框;
function prompt(){
jQuery.messager.prompt('提示:','请输入消息.',function(r){
if(r){
alert("你输入的文本是:"+r);
}
})
}
</script>
</head>
<body>
</body>
</html>
分享到:
相关推荐
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css
easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...
jquery-easyui-EDT-1.5.5 扩展+pcdemo+移动demo+插件
jquery-easyui 插件很实用。能很好的对树、表格数据进行操作。里面附带例子
jquery-easyui-1.3.3+jQuery1.12.4未压缩混淆版,研究IE8下最后一个兼容版本的easyui未混淆源码的最佳选择,学习javascript的捷径。
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。
easyui是一种基于jquery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序提供必要的功能。 使用easyui可以不需要写很多代码,只需要通过编写一些简单html标记,就可以定义用户界面。 easyui是...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
jQuery EasyUI 官方API文档中文版 version 1.4.2 Build 1 作者:王锦阳 CSDN账号:richie696 EasyUI专题 http://download.csdn.net/album/detail/343 文档 EasyUI每个组件的属性,方法和事件。用户可以很容易地扩展...
jquery-easyui 很好用的js插件
easyui 是一系列基于 jQuery 用户接口插件的集合。 easyui 提供构建现代交互 javascript 应用的必备功能。 有了 easyui 之后不必再狂写 javascript 代码,通常只写些 HTML 标记来定义用户接口即可。 HTML5 网页的...
资源里src文件夹包含每个插件的未压缩源代码,根目录下有一个jquery.easyui.all.js完整未压缩源码文件。
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...
实现javascript打印功能,打印整个页面就很简单,但如果指定打印某一个区域就有点难点,这里有一个jQuery插件PrintArea可实现打印页面某区域功能。 使用说明 需要使用jQuery库文件和PrintArea库文件
jquery-easyui-1.2.3jquery easyUi是在jquery的基础上封装了一套UI...详细说明:jquery easyUi是在jquery的基础上封装了一套UI插件-jquery easyUi ...
easyui 是一系列基于 jQuery 用户接口插件的集合。 easyui 提供构建现代交互 javascript 应用的必备功能。 有了 easyui 之后不必再狂写 javascript 代码,通常只写些 HTML 标记来定义用户接口即可。 HTML5 网页的...