微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JSPOP 弹出框插件

程序名称:JSPOP

授权协议: Artistic/GPL

操作系统: 跨平台

开发语言: JavaScript

JSPOP 介绍

基于jquery的仿微博头像弹出框插件JSPOP

代码一共6k,基于jquery的头像弹出框实现,实现弹出信息的定位、信息配置、样式定义。

1.下载地址:http://code.google.com/p/jspop/downloads/list

2.demo地址:http://wuzhi.me/jspopupdemo.php

3.配置说明:http://wuzhi.me/?p=65

var setting = {
// 过滤弹窗字段 当该字段为notpopup时不做弹出 如: filter:’filter’,
// 返回可以作为弹窗关键子的字段 filterfunction:function(url){
key = url.replace(/\/u\/@/g,”“);
return key;
},
// 500毫秒以内仍然在才触发弹出 hideDelay:500,
// 填充数据的url ajaxurl:’‘,
// 弹窗关键字 key:’key’,
// 弹窗ID前缀,确保唯一 idpre:’jspopup_’,
// 弹窗class,确保唯一 mainclass:’jspopup’,
//等待提示 loadingmsg:’loadding....’,
//预计高度,用来判断弹出的上下方位 yjwidth:360,
//预计宽度,用来判断弹出的左右方位 yjheight:60,
//写在弹出框内的方法,xml为ajaxurl返回的数据 createhtml:function(xml){
return ”

“+xml+”

”;
}
};

4.页面代码

1)样式表及js

2)覆盖认配置项
//所有的a都支持弹窗,获取数据的url改为/data.PHP ,等待提示改为:等待中

$(‘a’).each(function(){$(this).jspop({‘ajaxurl’:’/data.PHP’,’loadingmsg’:’等待中..’});});

欢迎提供意见和建议。邮箱:[email protected]

JSPOP 官网

http://wuzhi.me/?p=65

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐