这个插件是在页面上弹出一个div式的对话框,然后对对话框里的内容进行操作,以进行交互的处理。以例子来说明。

使用前引用这个插件的JS  <script src="<%=this.Page.ResolveUrl("~/JS/jquery.boxy.js")%>" type="text/javascript"></script>

首先,在页面上定义一个Label标签,点击时弹出一个对话框。

<asp:Labelonclick="javascript:newModalSelfGroup();"Style="cursor: hand;"ForeColor="BlueViolet"ID="LinkButton1"runat="server">自选组管理</asp:Label>

脚本函数:

functionnewModalSelfGroup()
{
varcon1="<iframe src='<%=this.Page.ResolveUrl("~/TrendCenter/ManagerSelfGroup.aspx")%>' scrolling='auto' style='padding: 0px; margin: 0px; border-style: none;background-color: #FFFFFF;'></iframe>";varbox1;
    box1
=newBoxy
    (
       con1,
       {
            modal:
true, //模态  本页面处于不活动状态,对话框处于活动状态。即con1中的页面内容处于活动状态(此处为iframe中嵌入的页面内容)
            title:
"自选组管理",  //对话框标题
            afterHide:
function(e){}, //当对话框隐藏的时候在Boxy对象的上下文执行回调函数
            afterShow:
function(e){}, //当对话框显示的时候在Boxy对象的上下文执行回调函数
            closeText:
""   //关闭功能按钮的标题文字}
     );
     box1.resize(
315,250);  //设置对话框的大小
}

这个插件是JQuery的轻量级插件,网上说有 lightbox, thickbox, greybox 插件可以供选择。没有试验过,有兴趣的朋友可以研究一下

有关这个插件的更多内容,可以参考

1. http://www.zhangxinxu.com/study/200911/jQuery-plugin-boxy.html?jdfwkey=1mj8n

2. http://onehackoranother.com/projects/jquery/boxy/

转载于:https://www.cnblogs.com/purplefox2008/archive/2010/09/08/1821668.html

JQuery的一个插件boxy相关推荐

  1. JQuery Easing.js插件

    jQuery Easing.js 插件 介绍:easing是jquery的一个插件,使用它可以创建更加绚丽的动画效果. 环境:因为easing是jQuery的插件,所以必须是在引入jquery之后再引 ...

  2. 30 个最好的jQuery表单插件

    jQuery 的出现为我们的开发工作带来了极大的便利,而众多的基于jQuery插件的出现就犹如我们在 Firefox 中安装名目繁多的插件一样而乐此不疲,今天带给大家的是精心挑选的这30个最好的jQu ...

  3. 介绍一个十分好用的JQUERY图片放大镜插件

    介绍一个十分好用的JQUERY图片放大镜插件 介绍一个十分好用的JQUERY图片放大镜插件,在很多电子商务网站中,有时在看小图时,往往想再看这个货品的大图, 传统的另外打开一张大图的话,不大COOL, ...

  4. 如何写一个Jquery 的Plugin插件

    JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站:jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插 ...

  5. 一个简单的 jQuery 图片裁剪插件----cropper

    浏览器支持 Chrome (latest 2) Firefox (latest 2) Internet Explorer 8+ Opera (latest 2) Safari (latest 2) C ...

  6. Jquery前端分页插件pagination同步加载和异步加载

    上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页.https://www.jianshu.com/p/a1b8b1db025 ...

  7. jquery 图片裁剪 java_[Java教程]5 款最新的 jQuery 图片裁剪插件

    [Java教程]5 款最新的 jQuery 图片裁剪插件 0 2015-05-18 16:00:20 这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件,可以帮助你轻松的实现你网站需要的图像裁 ...

  8. 十个jQuery图片画廊插件推荐

    2019独角兽企业重金招聘Python工程师标准>>> jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片.当幻灯片已经成为网站的重要组成部分,jQuer ...

  9. 推荐5款实用的jQuery时间轴插件

    1.使用CSS3和jQuery制作的水平时间轴 这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块.使用 ...

最新文章

  1. 产品设计认知:如何构建A/B测试系统,其核心功能有哪些?
  2. mac11.5.2版本虚拟机SeaBIOS不引导,kvm虚拟机状态为pause
  3. 【helpdesk】启明星helpdesk7.0版本里,实现邮件提交功能介绍和原理
  4. 适合做手机铃声的81首歌_“想下载这首歌作为你的手机铃声吗?”
  5. .NET Core 下使用 Kafka
  6. java中set怎么建int型_使用Array.setInt来填充Java中的数组
  7. 微信小程序scroll-view去除滚动条 (安卓、ios都有效)
  8. 【BZOJ-2888】资源运输 LCT + 启发式合并
  9. 常用win10优化工具(后续继续更新)
  10. SAP License:ERP系统实施价格是多少?
  11. java 视频边下边播_video src,如何边加载边播放?
  12. 【FPGA】DS18B20数字温度传感器实验
  13. git index.lock
  14. ceph存储 Ceph管理平台Calamari的架构与功能分析
  15. APS系统的现状以及与MES系统的关联
  16. 史上最全私募基金的投资模式和策略总结
  17. RTX2060 Super和RTX2060 哪个好
  18. 算法竞赛入门经典 习题6-12
  19. 人人都看得懂的C语言进阶系列之数据存储
  20. 多任务学习中各loss权重应该如何设计?

热门文章

  1. tomcat加载(挂载)应用的几种方式
  2. 有趣的婚嫁习俗――观中国古代婚礼习俗有感
  3. MSP430单片机寄存器
  4. QQ号码邮箱采集浏览器插件,适合Chrome和360极速浏览器
  5. Java微服务单实例
  6. 人工智能数学基础: 11-线性形式与对偶空间
  7. 日程信息管理系统设计与实现C 语言论文,C课设个人日程学习管理系统.docx
  8. 全球30米地表覆盖遥感制图关键技术与产品研发
  9. 《测绘综合能力》——地图制图
  10. 《Activiti/Flowable 深入BPM工作流》---工作流中的网关有哪些?