当前位置: 开发笔记 > 前端 > 正文

jquery.boxy插件的iframe扩展代码

作者：昆仑神奇_325 | 来源：互联网 | 2022-09-21 02:15

jquery.boxy插件的iframe扩展

代码如下:

/*

Boxy属性不变新增 w、h、src 属性
qBox.Close();关闭当前窗口
qBox.iFSrc({}); 改变当前窗口的属性及指向 Boxy属性不变新增 w、h、src 属性
*/

//Boxy插件的扩展
jQuery.fn.qbox=function(options){
var node = this.get(0).nodeName.toLowerCase();
var self=this;
if (node == 'a') {
$(this).attr('onclick','').unbind('click').click(function(){return false;});
optiOns= $.extend(options||{},{src:this.get(0).getAttribute('href'),beforeUnload:function(){ $(self).unbind('click').click(function(){return $(this).qbox(options);});}});
}
qBox.iFLoad(options);
return false;
}
var qBox=function(){};
jQuery.extend(qBox,{
aDgs:[],
iFrame:function(op){
op = jQuery.extend({title:'提示',w:320,h:200,src:'about:blank',modal:false,fixed:false,unloadOnHide:true},op),fm=parseInt(Math.random()*(1000*987));//
var dialog = new Boxy("正在加载，请稍后....",op);

jQuery("#_"+fm).load(function(){
dialog.resize(op.w,op.h,function(){});
jQuery("#ld"+fm).remove();
jQuery("#_"+fm).css({'padding':'15px','display':''});
});
qBox.aDgs.push(dialog);
return false;
},
Close:function(){
qBox.aDgs[qBox.aDgs.length-1].hide();
return false
},
iFSrc:function(op){
op = jQuery.extend({w:320,h:200,src:'about:blank'},op);
qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src","about:blank");
qBox.aDgs[qBox.aDgs.length-1].setTitle(op.t);
qBox.aDgs[qBox.aDgs.length-1].tween(op.w,op.h,function(){qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src",op.src).css({width:op.w,height:op.h});});
return false;
},
iFLoad:function(options){
var sr= jQuery(this).attr("href");
var op = jQuery.extend({src:sr},options);
qBox.iFrame(op);
return false;
}
});

出处 cn795.cnblogs.com

推荐阅读

html
探究HTML5应用中的三种Accordion交互效果

在HTML5应用中，Accordion（手风琴，又称抽屉）效果因其独特的展开和折叠样式而广泛使用。本文探讨了三种不同的Accordion交互效果，通过层次结构优化信息展示和页面布局，提升用户体验。这些效果不仅增强了视觉效果，还提高了内容的可访问性和互动性。 ... [详细]

蜡笔小新 2024-11-04 18:09:29
html
jQuery 入门指南与实战应用

本文详细介绍了 jQuery 的入门知识与实战应用，首先讲解了如何引入 jQuery 库及入口函数的使用方法，为初学者提供了清晰的操作指南。此外，还深入探讨了 jQuery 在实际项目中的多种应用场景，包括 DOM 操作、事件处理和 AJAX 请求等，帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]

蜡笔小新 2024-11-04 17:28:16
html
全栈工程师在当今技术领域的角色与价值探析

当前，众多初创企业对全栈工程师的需求日益增长，但市场中却存在大量所谓的“伪全栈工程师”，尤其是那些仅掌握了Node.js技能的前端开发人员。本文旨在深入探讨全栈工程师在现代技术生态中的真实角色与价值，澄清对这一角色的误解，并强调真正的全栈工程师应具备全面的技术栈和综合解决问题的能力。 ... [详细]

蜡笔小新 2024-10-31 10:28:12
html
jQuery学习笔记：深入理解事件委派（2014年8月3日）

在jQuery中，事件委托机制主要通过`closest()`方法实现。该方法用于查找与指定选择器匹配的最近祖先元素，从当前元素开始逐级向上遍历DOM树。这一技术不仅提高了代码的效率，还能有效处理动态生成的元素。参考资料：jQuery遍历方法详解。 ... [详细]

蜡笔小新 2024-10-31 09:46:35
html
构建顶级PHP博客系统：实践与洞见

构建顶级PHP博客系统不仅需要扎实的技术基础，还需深入理解实际应用需求。本文以Zend Studio为开发环境，MySQL作为数据存储，Apache服务器为运行平台，结合jQuery脚本语言，详细阐述了从环境搭建到功能实现的全过程，分享了开发PHP博客管理系统的宝贵经验和实用技巧。 ... [详细]

蜡笔小新 2024-10-28 16:49:55
html
深入解析 AngularJS 中 $scope.$apply() 方法实现数据双向绑定与脏检查机制

$apply() 方法允许从 AngularJS 框架外部触发表达式的执行，确保其在 AngularJS 的上下文中运行。例如，当你使用 `setTimeout()` 或者集成第三方库时，可以通过调用 `$apply()` 来确保事件更新能够被 AngularJS 检测到并触发脏检查机制，从而实现数据的双向绑定。这一过程不仅保证了数据的一致性，还提升了应用的响应速度和用户体验。 ... [详细]

蜡笔小新 2024-10-28 12:12:08
html
未闭合的字符串字面量导致的语法错误：SyntaxError

在编程中，`SyntaxError: unterminated string literal` 错误通常出现在使用 jQuery 或其他 JavaScript 库时，表示某个字符串字面量未正确闭合。这种错误通常是由于代码中的引号不匹配或缺失导致的，例如在字符串中意外地包含了未转义的引号字符。解决此问题的方法是仔细检查相关代码段，确保所有字符串都已正确闭合，并且引号已适当转义。此外，使用现代代码编辑器或 IDE 的语法高亮功能可以帮助快速定位此类问题。 ... [详细]

蜡笔小新 2024-10-27 16:30:40
html
新增用户账户管理功能

1. 设置用户密码：使用 `slappasswd` 工具生成加密密码，确保账户安全。具体步骤如下：输入命令 `slappasswd -s NewPassword`，系统将提示重新输入新密码，并生成加密后的哈希值 {SSHA}xxxxxxxxxxxxxxxxx。2. 编写配置文件：编辑 `vildapus` 配置文件，添加必要的用户账户信息，以确保新用户能够顺利登录系统。 ... [详细]

蜡笔小新 2024-11-04 12:22:52
html
如何设置域名默认301重定向至www前缀

在进行域名默认301重定向至www前缀的操作前，确保你已经拥有一个有效的域名，并且该域名已正确解析到外部主机地址，能够正常访问网站。本文主要针对IIS 7及以上版本的用户，IIS 7之前的版本不适用。我们将详细介绍如何通过IIS管理器配置301重定向，确保所有请求都能自动跳转到带有www前缀的URL，从而提升网站的SEO效果和用户体验。 ... [详细]

蜡笔小新 2024-11-03 17:00:31
html
Citrix Web Interface与StoreFront功能特性详尽对比分析

为了向用户提供虚拟应用程序，通常会在基础架构中部署StoreFront或Web Interface。为了确保安全的远程访问，通常需要在DMZ中配置Secure Gateway或Access Gateway。本文详细对比了这两种界面工具的功能特性，包括用户管理、安全性、性能优化等方面，为企业选择合适的解决方案提供了全面的参考。 ... [详细]

蜡笔小新 2024-11-03 15:45:38
html
探索JavaScript倒计时功能的三种高效实现方法及代码示例

探索JavaScript倒计时功能的三种高效实现方法及代码示例 ... [详细]

蜡笔小新 2024-10-29 20:54:36
js
今日精选：10款实用的jQuery随机效果插件

在今天的精选内容中，我们推荐了10款实用的jQuery随机效果插件。这些插件不仅功能强大，而且设计精良，能够为您的网页增添独特的互动体验。从动态图像效果到文本动画，每款插件都提供了丰富的自定义选项，帮助开发者轻松实现创意视觉效果。特别值得一提的是，其中一款插件集成了与Google API的无缝对接，使数据展示更加生动和直观。 ... [详细]

蜡笔小新 2024-10-29 17:02:50
html
如何在指定的DIV区域内外实现精准的点击事件区分与处理？

需求：在指定的DIV区域内点击时，需展示该区域内的附加操作面板；而在区域外点击时，则应自动隐藏该附加操作面板。通过精准的事件监听与处理，确保用户交互体验的流畅性和直观性。 ... [详细]

蜡笔小新 2024-10-29 14:22:17
view
Django框架进阶教程：掌握Ajax请求的基础知识与应用技巧

本教程深入探讨了Django框架中Ajax请求的核心概念与实用技巧，帮助开发者掌握异步数据交互的方法，提升Web应用的响应速度和用户体验。通过实例解析，详细介绍了如何在Django项目中高效实现Ajax请求，涵盖从基础配置到复杂场景的应用。 ... [详细]

蜡笔小新 2024-10-28 17:50:02
json
Select2.js下拉框应用总结与实践要点

在使用Select2.js下拉框插件的过程中，积累了诸多实践经验与心得。尽管最初觉得Select2在某些方面不尽如人意，但在对比了其他选项后，发现其仍是最优选择。本文将详细探讨Select2.js的配置、优化技巧及常见问题解决方法，帮助开发者更好地利用这一强大的前端工具。 ... [详细]

蜡笔小新 2024-10-28 11:16:35

昆仑神奇_325

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章