`

jQuery-EasyUI 插件的使用(一)

 
阅读更多

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.zip_easyui框架_html 框架_jquery-easyui

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它为开发者提供了一系列的组件和插件,使得构建交互式用户界面变得更加便捷。这个压缩包“jquery-easyui.zip”包含了使用 EasyUI 实现的一个HTML框架,它主要用于简化...

    jquery-easyui-1.2.6

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jquery-easyui-1.3.5

    `EasyUI` 是一套基于jQuery的插件集合,它提供了一系列的UI组件,如对话框、表格、树形结构、表单验证、菜单等。这些组件都是预先封装好的,只需要简单的HTML标记和少量的JavaScript代码,就可以在网页中创建出复杂...

    jquery-easyui-1.5.5

    该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css

    Jquery-Easyui-1.2.3

    在描述中提到的“Jquery-Easyui-1.2.3以及帮助文档”,这表明除了框架本身,还提供了一份详尽的帮助文档,帮助开发者理解和使用这个版本的功能。这份文档通常会包含API参考、示例代码、常见问题解答等内容,对于初学...

    jquery-easyui完整demo演示

    jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了一系列的预定义的 CSS 样式和 JavaScript 插件,使得开发者能够快速构建用户界面,大大提升了开发效率。这个“jquery-easyui 完整 demo 演示”涵盖了 EasyUI ...

    jquery-easyui 插件及例子

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它提供了一系列易于使用的组件,使得开发者能够快速构建用户界面。这个插件库极大地简化了HTML5页面的交互性和动态性,特别是对于处理树形结构和表格数据。在...

    jquery-easyui-1.5完整源码.zip

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了丰富的用户界面组件,如表格、对话框、菜单、按钮等,大大简化了Web应用程序的开发。在"jquery-easyui-1.5完整源码.zip"这个压缩包中,包含了EasyUI 1.5版本的...

    jquery-easyui-1.5.5.zip

    easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...

    jquery-easyui-EDT-1.5.5.rar

    而“jquery-easyui-EDT-1.5.5.rar”则是一个包含jQuery EasyUI扩展、PC及移动设备演示以及插件的压缩包,旨在为开发者提供全方位的开发支持。 首先,我们要理解jQuery EasyUI的核心概念。EasyUI是由一系列预先定义...

    jQuery EasyUI jquery-easyui-1.5.5.6

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个压缩包“jquery-easyui-1.5.5.6”包含了该框架的1.5.5.5版本,这是一份重要的更新,可能包含了一些...

    jquery-easyui-1.4.4

    `jQuery EasyUI` 是一个基于 jQuery 的前端框架,它提供了一系列的组件和插件,用于快速构建用户界面。`jQuery EasyUI 1.4.4` 版本是该框架的一个稳定版本,包含了 CSS 样式表和 JavaScript 文件,以及一些示例案例...

    jquery-easyui-1.5.3

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web界面变得更加简单。EasyUI 提供了丰富的UI组件,如表格、下拉框、对话框、树形结构、面板等,大大简化了...

    jquery-easyui-1.3.1.rar

    - 插件开发:如果内置组件无法满足需求,可以通过扩展 jQuery 或 EasyUI 的 API 来开发自定义插件。 7. **最佳实践** - 优化性能:合理使用组件,避免不必要的渲染,以及使用懒加载策略来减少初始加载时间。 - ...

    jquery-easyui-1.3.3

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建功能丰富的Web应用。这个"jquery-easyui-1.3.3"版本是该框架的一个稳定版本,它包含了丰富的功能和优化,使得网页...

    jquery-easyui-1.3

    jQuery EasyUI 是一个基于 jQuery 的开源框架,它提供了一系列轻量级、易于使用的组件,帮助开发者快速构建功能丰富的 Web 应用程序。在“jquery-easyui-1.3”这个版本中,我们能看到该框架的稳定性和实用性得到了...

    jquery-easyui-1.3.3未压缩混淆版(真正含jquery-easyui.js及easyloader.js源码).rar

    jQuery 1.12.4 是在这个EasyUI版本中使用的jQuery库,它是jQuery 1.x系列的一个稳定版本,对老版本浏览器有着良好的兼容性,包括IE8。通过对比不同版本的jQuery(例如这里提供的1.3.2和1.12.4),我们可以了解jQuery...

    jquery-easyui-EDT-1.4-build1.rar

    jQuery EasyUI是一个基于jQuery的前端框架,它提供了丰富的组件和便捷的API,极大地简化了Web应用的开发过程。在"jquery-easyui-EDT-1.4-build1.rar"这个压缩包中,包含了对开发者极有帮助的资源,包括CHM格式的API...

    jquery-easyui-1.9.14.zip

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,用于快速构建交互式的Web应用界面。它提供了一系列的JavaScript组件,大大简化了HTML5应用的开发过程。版本1.9.14是这个框架的一个稳定版本,包含了丰富的功能和优化...

Global site tag (gtag.js) - Google Analytics