这是网友在EasyUI拓展时的代码。 可以根据实际需要自行修改。$.modalDialog2.handler 这个handler代表弹出的dialog句柄$.modalDialog2.xxx 这个xxx是可以自己定义名称，主要用在弹窗关闭时，刷新某些对象的操作，可以将xxx这个对象预定义好代码如下: $.modalDialogTwo = function(options) {if ($.modalDialogTwo.handler == undefined) {// 避免重复弹出 var opts = $.extend({title : ,width : 840,height : 680,modal : true,on...
本文实例讲述了jquery处理页面弹出层查询数据等待操作。分享给大家供大家参考。具体实现方法如下：$(document).ready(function(){ layer.load(0); //初始化加载 //可选范围(0-9)0表示等返回结果后关闭，1-9表示自动关闭时间(s) });当查询结果集返回后，设置关闭等待的样式function init_page_pro(sdate, pro) { $.post("detail.key", {'pro' : pro,'sdate' : sdate }, function(result, resultState) {if (resultState == "succes...
依赖jquery，兼容IE6\7\8 火狐 chrom 等主流浏览器（绝对原创）， 不过请求大神帮我提升点效率。/*** jQuery弹出层插件* * @author lanhaoooo@163.com* @since 2014-08-23*/ (function($) {var methods = {o : {isIe : !-[ 1, ] || document.documentMode >= 9,//后面的是判断IE9、IE10的ie6 : !-[ 1, ] && !window.XMLHttpRequest,ie9_10 : document.documentMode >= 9,bgLayer : "layerModel_mask",dataId : "layerModel_main",w...
非常不错的国产JS弹出框插件，由前端工程师alien开发，提供多种类型的自定义对话框，使用方法简单，浏览器兼容性好，支持的弹出框模式有：alert：普通提示（警告）对话框 confirm：询问（确认）对话框 message：简单消息对话框（无title、无按钮） iframe：在对话框中嵌入一个iframe tip：带有小三角指向的小tip dialog：最基础的自定义对话框var jDialogId = []; (function ($) {$.jDialog = function (options) {var id = parseI...
1.介绍 jQuery制作zoom图片全屏放大弹出层插件。 2.使用方法1.引入以下的js和css文件2.在head标签中加入以下js代码3.演示图4.全部代码：jQuery制作zoom图片全屏放大弹出层插件body{overflow-y:scroll;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;background:#f4f4f4;padding:0;margin:0;} h1{font-size:31px;line-height:32px;font-weight:normal;margin-bottom:25px...
渐入弹窗，背景变色不可点击。查看效果：http://runjs.cn/detail/t08gmoijpopup#popup{position: absolute;display:none; z-index:3000; background-color:#FFF; left: 601px; top: 217px; height: 150px; width: 217px;line-height:94px;text-align:center;border: 1px solid #03F; } #embedding{position: absolute; background-color: #36F; top: 94px;height:56px; width:217px;line-height:56px;text-align:center; } a{text-...
网站开发过程中，为了增加网站交互效果，我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层，弹出的窗口就是弹出层。jQuery中弹出层插件很多，但有些在html5+css3浏览器下，支持完美。而在例如ie8一下的浏览器下显示不出应有的效果。例如jquery.avgrund插件在ie8下就无法显示。 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器。 1.Lightbox_me插件功能 用于显示弹出层 2...
jquery 智能弹出层，位置可以自适应，当层靠右边显示时自动往左移。初次运行时请按F5刷新，载入远程jQuery后才能看到效果，点击鼠标左键，弹出层将出现，在最右边点击时层自动往左移。 jquery弹出层浮动层代码*{ margin:0; padding:0} body{ margin:0; padding:0; font-size:12px} ul,li{ list-style:none} ul{position:relative;top:-3px; left:-3px;border:1px solid #ccc; background:#fff;} li{height:23px;line-height:23px;c...
右下角弹出层后，会在一定时间后自动隐藏。 html代码：jquery右下角自动弹出关闭层* {margin: 0px;padding: 0px;}a {color:black;}#keleyislide {width: 300px;height: 200px;border: 1px solid #000;position: fixed;bottom: 2px;right: 2px;display: none;background-color: White;z-index:9999;}#keleyislide a {position: absolute;top: 8px;right: 8px;font-size: 12px;text-decoration: none;color: Blue;}#keleyislide h2 {...
本文实例讲述了jquery实现弹出层效果的方法。分享给大家供大家参考。具体实现方法如下：jQuery弹出层$(function() {$("#btnShow").click(function() {// var str = "我是弹出对话框";// $(".form").html(str);$("#BgDiv").css({ display: "block", height: $(document).height()});var yscroll = document.documentElement.scrollTop;$("#DialogDiv").css("top", "100px");$("#DialogDiv").css("display", "block");document.docum...
当点击页面中的登录或注册按钮时，将会弹出一个模态窗口，就是一个弹出层，我们可以在弹出层上轻松的切换登录与注册表单，极大的方便用户，不需要关闭层再去点击转向其他操作，在很多网站上已经广泛应用。本文结合实例，通过使用jQuery以及CSS3和HTML5技术实现这一效果。HTML我们现在主页面上设置两个链接按钮，即登录和注册按钮。登录 注册 然后，建立模态窗口弹出层div.cd-user-modal，在弹出层中放置两个用于切换的链接ul.cd-s...
弹出层在实际应用中我们经常会碰到大量的弹出层效果，下面我来做一个基于jquery的简单的弹出层效果实例，各位朋友有兴趣可参考。 效果代码如下在弹出层中下面是核心代码// 渐变弹出层 $(document).ready(function(){var speed = 600;//动画速度$("#race a").click(function(event){//绑定事件处理event.stopPropagation();var offset = $(event.target).offset();//取消事件冒泡$("#racePop").css({ top:offset.top + $(event.targ...
本文实例讲述了jQuery实现鼠标经过弹出提示信息的地图热点效果。分享给大家供大家参考。具体如下： 这里的jQuery鼠标经过弹出提示信息地图热点效果，很多网站上有用到，送给大家，对作者表示感谢。 运行效果截图如下：具体代码如下：jQuery地图热点效果-鼠标经过弹出提示信息.map img { width:496px; height: 415px; } .mapDiv { width:140px; height:61px; padding: 5px; color:#369; background: url('http://files.jb51.net/fil...
Jq制作的页面顶部动态弹出的提示框，可以用于提示信息的显示以及通知信息的显示。 Html代码Jq顶部弹出框XCss代码body {margin: 0;padding: 0; } .tooltiptop {width: 100%;height: 50px;margin-top:-50px;display:none; } .tooltiptop .bg {width: 100%;background-color: #333;height: 50px;opacity: .7;position: absolute;margin: 0; } .tooltiptop .main {width: 100%;position: absolute;margin: 0;height: 50px;line-height:...
本文实例讲述了jQuery实现时尚漂亮的弹出式对话框。分享给大家供大家参考。具体如下： 这是一款十分简洁漂亮的HTML5弹出对话框效果，基于jQuery来实现，引入了jquery1.6.2库。 本效果描述：用鼠标点击一下右上角的小图标，会弹出一个层对话框，里面可以提交留言、评论之类的。 运行效果截图如下：具体代码如下：jQuery对话框-时尚漂亮*{margin: 0;padding: 0;} body{font-family: Arial, Tahoma, sans-serif;} h1{font-family: Hel...