一、Jquery的插件简介(一)什么是插件 插件(Plug-in)是一种遵循一定的应用程序接口规范编写出来的程序,是原有系统平台或应用软件平台功能的一种扩展和补充。 注意!!其只能在程序规定的系统平台下运行,而不能脱离指定平台单独利用。(二)查找插件和帮助网址 1) ...
一、Jquery的插件简介
(一)什么是插件
插件(Plug-in)是一种遵循一定的应用程序接口规范编写出来的程序,是原有系统平台或应用软件平台功能的一种扩展和补充。
注意!!其只能在程序规定的系统平台下运行,而不能脱离指定平台单独利用。
(二)查找插件和帮助网址
1)http://jqueryui.com jQuery UI官方网站,收录了所有官方提供的插件。
2)http://plugins.jquery.com jQuery官方网站的插件库。
3)http://api.jqueryui.com jQuery UI官方网站提供的API文档。
二、dialog插件。
常用对话框展示形式分为普通对话框(用于信息提示)和form对话框(用于构建提交表单)
EG.效果如下
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>demo1_dialog.jsp</title> <script type="text/javascript" ></script> <script type="text/javascript" ></script>//导入JueryUIjar <link rel="stylesheet" href="jquery-ui-1.9.2/themes/base/jquery.ui.all.css" type="text/css"></link>//css样式jar <script type="text/javascript"> $(function(){ $('#dlg').dialog({ autoOpen:false,//设置组件调用时是关闭状态 buttons:{ 'close':function(){//执行关闭对话操作需要匿名函数 $('#dlg').dialog('close') } }, modal:true,//是否组件用模式窗口(就是周围变灰) beforeClose:function(){ alter(1) }, open:function(){ alert('open le') }, show:{ effect:'fadeIn',//淡入效果 duration:3000//延迟3秒 } }) }); </script> </head> <body> <button id="openbut" onclick="$('#dlg').dialog('open')">打开窗口</button> <div id="dlg" title="用户登录"> 用户名<br/> <input type="text"><br/> 密码<br/> <input type="text"><br/> </div> </body></html>
原标题:Jquery UI 和Easy UI常用插件
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。