Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > jquery-based finkyUI plug-in and Ajax to implement page data loading function_jquery

jquery-based finkyUI plug-in and Ajax to implement page data loading function_jquery

WBOY
Release： 2016-05-16 18:14:55
Original
1282 people have browsed it
复制代码 代码如下:






finkyUI是很好用的一个jquery插件
写出这玩意的哥们很强
谢谢他了，不然自己做这效果不知要做到什么时候了......
----------------------------功能---------------------------
无限级弹出窗口
* Esc退出block弹出窗口
* 可拖动窗口
* 模态窗口
* 模态alert警告对话框
* 模态confirm对话框
* 页面局部模态
* 绑定按钮响应函数
* 弹出窗口加载iframe
* 自定义背景样式
组件提供了六个函数：

复制代码 代码如下:

$.funkyUI // 弹出模态窗口
$.unfunkyUI // 关闭模态窗口
$.alert //警告提示对话框
$.confirm //确认和取消对话框
$.fn.block //块模态
$.fn.unblock//解除块模态

调用示例：
复制代码 代码如下:

$.blockUI({
url:"1.html",//弹出窗口显示的内容，使用iframe
OKEvent:okEvent,//okEvent是自定义的确定按钮响应函数，
css:{width:"700",height:"500"}
});
$.alert("这是警告窗口");
$.confirm("这是个Boolean窗口");
$('#blocked').block();//id为blocked的元素设置为只读
$('#blocked').unblock();//解除
Related labels：
Data loading
source：php.cn
Previous article：JavaScript common function library based on prototype extension_javascript skills Next article：Regarding the solution to the problem of UTF-8 client using AJAX to obtain GB2312 server-side garbled code_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2043
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2203
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1860
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1746
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1768
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template