jquery 仿QQ校友的DIV模拟窗口效果源码

2016-02-19 13:16 15 1 收藏

下面这个jquery 仿QQ校友的DIV模拟窗口效果源码教程由图老师小编精心推荐选出，过程简单易学超容易上手，喜欢就要赶紧get起来哦！

【 tulaoshi.com - Web开发】

下面我们来看下这个效果图：

调用代码如下：

代码如下：

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）
input value="效果" type="button" //p
script language="javascript" type="text/javascript"
$(document).ready(function () {
$('#jbox-demo').click(
function () {
jBox.open('jBoxID2', 'inline', 'p如果您在使用本系统有发现任何问题p', '意见反馈', 'width=300,height=60,center=true,draggable=true,model=true');
});
});
/script

请点击下载DEMO看实际效果吧！

来源:http://www.tulaoshi.com/n/20160219/1603574.html

上一篇：创建无Icon的窗口
下一篇： Javascript实例教程(1) 创建弹出式窗口

看过《jquery 仿QQ校友的DIV模拟窗口效果源码》的人还看了以下文章更多>>

jquery 子窗口操作父窗口的代码

标签： Web开发

$("#父窗口元素ID",window.parent.document)...就行了 js 版本 view sourceprint？1.window.parent.document.getElementById()

CSS教程:div仿框架方法

标签： Web开发

参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统：Windows 问这样的问题的人很多，我对此有比较深入的研究，但自己从来没有给出过完整的解答与分析，觉得有些对不住列祖列宗。先请看demo：运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...

极品源码：自动完成仿163篇

标签： Web开发

New Document .autofinish{font-family:arial;font-size:12px;background:#eeeeee;border:1px solid #000000;padding:2px;color:#0000cc;} .autofinish_over{background:#C4E4FF;font-size:12px;margin:5px;color:#0000cc} .autofinish td{font-size:12px;} 双击获取值 [Ctrl+A 全选注:如需引入外...

jquery创建div 实现代码

标签： Web开发

代码如下: var boardDiv = "div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'加载中...\/div"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); });

基于jQuery的窗口插件：jMessageBox

标签： Web开发

在WinForm程序开发中，经常用MessageBox弹出某些提示，功能虽简单但却非常的实用！而在Web页面中，浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口，如下图：但是这些弹出来的窗口的样式非常的单调无法设置，并且窗口标题还根据不同的浏览器显示不同的标题内容，非常的丑陋！对于高审美观的现代人...

查看更多精彩>>