第二种情况是关于弹出框，没有关闭按钮，但是点击其他地方的时候，弹出框消失，这个还涉及到一些关于层次问题，必须用js给弹出框的父元素加上更高的层次，以免被下面的内容覆盖。 代码如下: 询盘分配 询盘详情 联系人 所在地 来源 电主轴,需要在45号钢上钻孔，需要电主轴带自给进功能，给进形成在电主轴,需要在45号钢上钻孔 李经理 安徽宿州 在线客服 分配到人 半小时前 日期： 2013-7-25 14:54:54 来源： 在线...
最近做一个项目，许多功能都是关于弹出框的，以前觉得弹出框就那一种，很容易实现，但是最近真的做起这个功能了，发现会有好多自己考虑不到的问题。 比如关于一些添加，删除，修改的弹出框，当添加一些用户的时候，弹出框里要提交一些关于用户的信息，设置密码等信息，当修改的时候，根据用户的名字和id号来修改密码等等。 例子如下： 代码如下: 蓝枫前端 添加询盘【10】 跟踪询盘【1000】 蓝枫前端 添加询盘【10】 跟...
js 代码如下: var popupStatus = 0; //loading popup with jQuery magic! function loadPopup(){ //loads popup only if it is disabled if(popupStatus==0){ $("#backgroundPopup").css({ "opacity": "0.7" }); $("#backgroundPopup").fadeIn("slow"); $("#popupContact").fadeIn("slow"); popupStatus = 1; } } //disabling popup with jQuery magic! function disablePopup(){ //disables popup only if it is enabled if(popu...
代码如下: 弹出提示框右下角显示 body{ margin:0px;padding:0px; height:5000px; } .botk{right:5px;position:fixed;width:100px;_position:absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:999; height:100px;filter: Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;background:#ffffff; color:#ffffff; bottom:5px;} .botts{width:100px; height:100p...
在开发应用中我们做了一个弹出层，有时我们会做一个关闭按钮，这样点击关闭就可以把弹出层关闭了，但是有时希望只要不点击弹出层内就自动关闭弹出层了，下面我总结了三个实例。例1 代码如下:点击空白处关闭弹出窗口.pop{width:200px;height:130px;background:#080;}$(function(){ $(document).bind("click",function(e){ var target = $(e.target); if(target.closest(".pop").length == 0){ $(".pop").hide(); } }) }) 例2,...
代码如下: jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:#fff; position:absolute; top:0px; left:0px; overflow:hidden; width:590px; *width:561px; width:561px\9; padding:10px; border:1px solid #ccc; z-index:1000; display:none; } #m_tagsItem p { text-align:left; line-height:22px; padding:2px 0; margin:0; border:0; } #m_tag...
当点击我要修改时，需要在后台生成excel文件，同时需要提供下载文件功能。生成excel文件容易、弹出”文件下载”也容易：点击按钮，跳转到action中，在该action中生成Excel文件，填充数据，保存到临时文件夹中，然后在按钮的Click事件中，根据模板生成Excel报表，填充数据，保存到临时文件夹，然后output.wirte()。一切看起来很顺利。Action如下(弹出"文件下载"窗口)：代码如下:/***@paramresponse*@paramdownloadFile*/privatevoid...
JavaScript实现弹出窗口实质上就是在浏览器上画了一个方形区域，并在开始时将其隐藏，只是到某个JavaScript事件时才通过修改css的属性值来将其显示出来。 其大致步骤为： ?创建一个装载弹出窗口的div 代码如下: jQuery实例1：浮动窗口 弹出窗口 我是标题栏！X 我是一个窗口！ 创建相应的css文件将其显示为一个弹出窗口 代码如下:#win{ /*边框*/ border:1px red solid; ...
主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用 开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码: HTML代码： 代码如下:clickshow-areaCSS代码：.hide{display:none;} JS代码 代码如下:$(document).ready(function(){$("div.down").click(function(e){e.stopPropagation();$("div.con").removeClass("hide");});$(document).click(function(){if...
今天给大家分享一款优秀的 jquery 弹出层展示插件 fancybox。它除了能够展示图片之外，还可以展示 flash、iframe 内容、html 文本以及 ajax 调用，我们可以通过 css 来自定义外观。fancybox 特点：可以支持图片、html 文本、flash 动画、iframe 以及 ajax 的支持；可以自定义播放器的 css 样式；可以以组的形式进行播放；如果将鼠标滚动插件（mouse wheel plugin）包含进来的话 fancybox 还能支持鼠标滚轮滚动来翻阅图片；fancybox...
代码如下:var t9 = new PopupLayer({trigger:"#ele9",popupBlk:"#blk9",closeBtn:"#close9",useOverlay:true,useFx:true,offsets:{x:0,y:-41}});t9.doEffects = function(way){ if(way == "open"){ this.popupLayer.css({opacity:0.3}).show(400,function(){ this.popupLayer.animate({ left:($(document).width() - this.popupLayer.width())/2, top:(document.documentEleme...
iDrag & iDialog 介绍特点：iDialog.js依赖于jquery编写的简单易用的对话框，同时还可以通过添加css3，改变对话框的展现动画。提供了两个方法： ?1、拖拽函数 iDrag() 或 $.drag();?2、对话框函数 iDialog() 或 $.dialog(); 跨平台兼容:兼容：IE6+、Firefox、Chrome等主流浏览器(其它暂时没条件测试)。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件。 渐进增强的体验:确保IE家族功能完善的前提下，现代浏览器适当的...
代码如下: /** * 删除草稿 */ function deleteDraft(the,id){ $.messager.confirm(删除草稿提醒, 确定删除这篇草稿吗?,function(r){ if(r){ $.ajax({ type : "post", url : "http://localhost:8090/webplus3/_web/sns/delBlog.do?_p=YXM9Mw__&id=" + id, success : function(data) { if(data == "success") { $(the).parents("li").remove(); parent.initDraft(); } } }); } }); }
jQuery的弹出框使用很方便，但是如果在iframe中使用则弹不出对话框，而有时候我们还必须得使用iframe而不能用jQuery的load方式，这个时候就需要处理这个问题。 其实也非常简单，思路就是让iframe的父窗口弹出这个对话框。例如： parent.confirmDialog(); 这样就可以用了。不是什么有技术含量的问题，记下来，防止忘记。
这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画,感觉这个自定义动画就是像flash里的形状和渐变动画一样,只要定义了开头和结尾的两个关键帧,中间的动画过程会自动完成,不用会jQuery的可去查下jQuery的帮助文档. 基本思路是这样子滴：首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并且把他隐藏起来,然后当我们点击页面中的按钮的时候...