`

jquery+jBox 仿QQ空间 DIV窗口

 
阅读更多

 

QQ校友DIV模拟窗口:

既然是要提高用户体验,ajax当然必不可少,div模拟窗口也是必不可少的了,拿jBox源码修改。

jBox.open('jBoxID2', 'inline', '<p>如果您在使用本系统有发现任何问题<p>', '意见反馈', 'width=300,height=60,center=true,draggable=true,model=true');

  

demo文件

 

 

 

QQ空间的DIV窗口:

QQ空间的DIV窗口样子倒是不错,可惜搞源码不容易,只好拿jBox代码修改下。
效果图如下:


那怎么调用呢。
有一种是iframe调用,就是把另一个页面嵌入到div窗口中来。

jBox.open('iframe-jBoxID','iframe','Login.aspx','用户登录','width=400,height=250,center=true,draggable=true,model=true');

 

还有一种是先在页面写一些将要显示到div窗口里面的代码,如:

<div id="login-table" style="display:none;">test</div>
 接下来就可以很容易调用了。
 
$('#login-table').openjBox('width=400,height=250,center=true,draggable=true,model=true','用户登录');
 
  • jBox.rar (45.8 KB)
  • 描述: jBox源码
  • 下载次数: 69
分享到:
评论

相关推荐

    jquery jBox 仿QQ空间 DIV窗口

    **jQuery jBox:仿QQ空间DIV窗口** 在Web开发中,弹出窗口是常见的交互元素,用于显示消息、警告、确认对话框等。jQuery jBox是一个轻量级、可高度定制的插件,用于创建此类浮动窗口。它以其灵活性和与QQ空间弹窗...

    jquery jBox 仿QQ空间 弹出DIV窗口

    jquery jBox 仿QQ空间 弹出DIV窗口,界面优雅漂亮,容易理解

    jquery jBox v2.3 beta 仿QQ空间 DIV窗口.zip

    jquery jBox v2.3 beta 仿QQ空间 DIV窗口.zip

    jquery.jBox-2.3.min.js

    解决 top.$.jBox frame 弹窗请求重复,一次为canceled的问题 博客里有解决方案https://blog.csdn.net/zhaofuqiangmycomm/article/details/107035787

    仿QQ弹出DIV插件JBOX

    jquery jBox 仿QQ空间 弹出DIV窗口,界面优雅漂亮,容易理解

    jbox2.3修改版,可用于jquery1.9以上

    总的来说,JBox 2.3作为一个jQuery插件,为开发者提供了一种强大且灵活的方式来实现弹出窗口和对话框,尤其是在与jQuery 1.9及以上版本兼容的情况下,对于那些希望增强网站互动性的项目来说,它是一个非常有价值的...

    jquery.jBox-2.3.min

    jquery.jBox-2.3.min.jsjquery.jBox-2.3.minjquery.jBox-2.3.minjquery.jBox-2.3.min

    jbox 兼容jQuery1.9以上版本,解决弹出框位置错误问题

    《jbox:兼容jQuery1.9及以上版本,解决弹出框定位问题详解》 在Web开发中,弹出框作为一种常见的交互元素,被广泛应用于提示、确认、输入等场景。jBox是一款基于jQuery的弹出框插件,以其灵活性和易用性受到开发者...

    jbox2.3修改版,可用于jquery1.8以上 兼容jquery 高版本

    jbox2.3 由于更新停止,目前在jquery1.8以下使用正常。但由于jquery1.9取消了$.browser.msie方法,导致高版本jquery无法使用。本文件使用其它判断方法替换了$.browser.msie,实测在jquery1.9以上可使用。

    JBox,仿QQ空间弹出窗口

    JBox是一款基于jQuery库的弹出窗口插件,设计灵感来源于QQ空间的弹出效果,旨在为网页提供类似QQ空间中的交互式提示窗口。这个插件以灵活性、可定制性和丰富的功能集为特点,能够满足各种复杂的网页对话框需求。 1....

    jQuery jBox弹出窗口插件.zip

    jQuery jBox是一款强大的弹出窗口插件,专为JavaScript和jQuery开发者设计,用于在Web应用程序中创建各种类型的对话框,如提示、警告、信息、确认、下拉菜单、iframe加载等。这款插件以其高度自定义和灵活性而受到...

    jBox(Div模式窗口兼容各种浏览器)

    2. **Div模拟**:jBox利用HTML Div元素构建弹出窗口,这赋予了开发者更多的定制空间,可以通过CSS样式调整窗口的外观和布局,使其与网站设计无缝融合。 3. **模态行为**:jBox可以实现类似`showModalDialog()`的...

    jquery插件jbox

    JBox 是一款基于 jQuery 的强大弹出框插件,它提供了丰富的功能,如提示、对话框、窗口、下拉菜单等,为网页交互添加更多可能性。JBox 的灵活性和自定义性使得在网页设计中实现各种弹出效果变得简单易行。 ## 一、...

    jquery.jBox-2.3.min.js.zip

    《jQuery插件jBox详解与应用实践》 在Web开发领域,jQuery库因其简洁的API和强大的功能,已经成为开发者们的首选。今天我们将深入探讨一款基于jQuery的弹出框插件——jBox。本文将详细介绍jBox 2.3.min.js的最新...

    强大的jquery弹出层插件jBox

    **jBox:jQuery的强大弹出层插件** jBox,作为一个功能丰富的jQuery插件,它在Web开发领域中被广泛使用,特别是在创建交互式用户体验时。这个插件为开发者提供了创建各种类型的弹出层,如tooltips提示框、模态窗口...

    jQuery jBox弹出层插件.zip

    《jQuery jBox弹出层插件深度解析》 在网页设计和开发中,交互性和用户体验是至关重要的元素,而弹出层(popup)是提升这些元素的常用工具。jQuery jBox弹出层插件,正是这样一款高效、灵活且功能丰富的解决方案。...

    jquery-jbox-2.3

    **jQuery jBox 2.3 插件详解** 在网页开发中,对话框是一个不可或缺的交互元素,它能够提供信息提示、用户确认、表单提交等多元化功能。jQuery jBox 是一个高度可定制且功能丰富的对话框插件,旨在帮助开发者轻松地...

Global site tag (gtag.js) - Google Analytics