本文介绍jQuery弹出页面框并实现弹出框的文件上传功能的代码实例，具有一定的参考价值，感兴趣的朋友们可以参考借鉴。点击新增，弹出如图的弹出框，点击取消不保存页面信息，点击确定保存页面信息。 在前台页面添加一个标签，任何都可以<p class="btn btn-default" id="padd">新增</p>写弹出框页面<p id="popup_overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color:...
本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果，并且点击空白处隐藏弹出层的效果，效果非常棒，小编只给大家贴出了关键代码了，大家可以根据个人需要适当的添加内容。js代码如下：<script type="text/javascript">$(document).ready(function(){$(".tkyy").click(function(event){event.stopPropagation(); //停止事件冒泡$(".marsk-container").toggle();});//点击空白处隐藏弹出层$("body").click(function(event){...
在之前做项目的时候经常会在主页面上点击某个按钮，右侧弹出一个div输出对应内容的详细信息。此时，我是希望在鼠标点击弹出层外的时候关闭该弹出层，主要思想就是：找到鼠标点击的那个元素判断这个元素是否在指定区域内，其实就是判断它的父元素是不是弹出层如果不是就对弹出层进行hide，如果是就不进行任何操作具体实现该代码需要使用jQuery,代码如下：$(document).mousedown(function(e){ if($(e.target).parent("#info").length...
下面给大家分享一段代码关于jquery弹出div层并自动消失的实现代码，废话不多说了，具体代码如下所示： var HuiFang={ m_tishi :null,//全局变量 判断是否存在div, //提示div 等待2秒自动关闭 Funtishi: function (content, url) { if (HuiFang.m_tishi == null) { HuiFang.m_tishi = <div class="xiaoxikuang none" id="app_tishi" style="z-index:9999;left: 15%;width:70%;position: fixed;background:none;bottom:10%;"> <p cla...
求一窗口实例：jquery弹出窗口+ajax局部提示正在做一个PHP系统，现在碰到一难题，不会实现：点击一个链接后，弹出一个窗口，并在窗口中完成ajax的实时提示。在此请教各位，如何实现？如果有源代码就最好了。邮箱：[email protected]------解决方案--------------------jQuery弹出窗口插件 ColorBox .....很多 。。JQuery-Dialog------解决方案--------------------使用artdialog插件------解决方案--------------------比较喜...
.THICKBOX支持一下浏览器: Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10……但是据我的使用,IE6还是有点问题的!下面我们首先来看它的调用: 1.肯定你先要下载jquery.js和thickbox.js了.还有thickbox.css也不能少! 代码如下: //path-to-file 就是你放这三个文件的路径 2.弹出单张图片的方法: 代码如下: 3.多张图片实现分页也...
弹出层插件String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - jquery pulg-in * * Copyright (c) 2008 King Wong * $Date: 2008-09-28 $ */ var ___win___ = window.self; var ___self___ = window.self; var ___id___ = ""; var ___settings___ = {}; var isMouseDown = false; var currentElement = null; var dropCallbacks = {...
这个简化版不能在别的框架弹出层的，所以也就没有了那个cssurl属性了，也没有target 属性了 代码如下:String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - New Wave Javascript * * Copyright (c) 2008 King Wong * $Date: 2008-10-09 $ */ var ___id___ = ""; var ___settings___ = {}; var isMouseDown = false; var currentElemen...
代码如下:String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); }; (function($){ /* * $-layer 0.1 - New Wave Javascript * * Copyright (c) 2008 King Wong * $Date: 2008-10-09 $ */ var ___id___ = ""; var ___settings___ = {}; var isMouseDown = false; var currentElement = null; var dropCallbacks = {}; var dragCallbacks = {}; var bubblings = {}; var lastMouseX;...
代码如下:/*弹出式菜单*/ //没剑 2008-07-03 //http://regedit.cnblogs.com /*参数说明*/ //showobj:要显示的菜单ID //timeout：延时时间,鼠标停留/离开后延时多久开始显示/隐藏菜单 //speed：菜单显示速度，数字越大，显示越慢,默认为100 //调用示例:$("#button").DMenu("#content"); jQuery.fn.DMenu=function(showobj,timeout,speed){ timeout=timeout?timeout:300; speed=speed?speed:100; //按钮对象 var button=$(this); //延...
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址：http://abeautifulsite.net/notebook/87 自身的原方法为： 代码如下:// Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public methods multicheckbox : function (message, value, title, callback) { if (title == null ) ti...
先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。HTML代码 代码如下: 标题位置 正文内容 代码很简洁。最外层是一个大的DIV作为弹出层的容器，H4作为弹出层的标题，又一个DIV用于弹出层正文内容显示，再一个Div用于放置一些按钮。 CSS代码 代码如下:.pop-box { z-index: 9999; /*这个数值要足够大，才能够显示在最上层*/ margin-bottom: 3px; display: none; position: absolute; background:...
代码如下:// 显示确认对话框 function showConfirm(txtTitle, txtMsg, callback){ getDivDialog().text(txtMsg).dialog({ modal: true , overlay: { opacity: 0.5 } , title: txtTitle ,buttons: { "是" : function(){ callback(); $(this).dialog("close"); } ,"否" : function(){ $(...
原来我们要写一个客户端的特效，要写一两天的JavaScript，然后再调试一两天，才可以看见端倪。现在我们只要使用JQuery和他的 plugin，就可以任意的实现我们脑海中的特效，感谢他们的编写者对人类的贡献（一百个西红柿砸过来。。。。。。。。。。。。。。）。我今天实现的需求是一个需要从列表页面中选择要导出到word中的列，然后在将选中列的内容导出到word中，同时为了增加通用性，列的个数不是固定的，也就是说这张表格可能是4列...
经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px", "left": A_left + "px" }); } , ...