html如下: 代码如下: $(function() { $("#btn01").popwin({ element: "#box01", title: "请填写以下您的基本信息" }); $("#btn02").popwin({ element: "#box02", title: "请登陆" }); }) DEMO 注册 登陆 js插件如下: 代码如下: /* * jquery.popwin.js 1.0 * Copyright (c) gaoyubao * Date: 2012-01-12 * 1.点击按钮,可以弹出你想弹出的内容,只要设置一下id,或者class 2.浏览器窗口缩小的时候,弹出框始终是...
主要参数 jQuery UI Dialog常用的参数有: 1、autoOpen:默认true,即dialog方法创建就显示对话框 2、buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3、modal:默认false,是否模态对话框,如果设置为true则会创建一个遮罩层把页面其他元素遮住 4、title:标题 5、draggable:是否可手动,默认...
其的就不多说啦,直接上代码: jquery 插件: 代码如下: /* 疯狂秀才 制作 于 2012-04-24 17:00 QQ: 1055818239 email: hxl_apple@163.com */ (function($){ $.fn.quickAd = function(settings){ settings = $.extend({ width:760, height:400, html:我是广告内容, top:130, sec:5, //广告显示时长,单位秒 border:true //显示外框 },settings); var fkxc_ad = 0; var bodyWidth = $(window).width(); var _adBodyContainerID = "...
代码如下: 代码如下: (function ($) { var imgdir = images/;//图片文件夹路径 var autoHide=false;//悬浮div是否自动隐藏 var hideType=hide;//隐藏的方式 可选参数 hide、slide、fade var hideDelay=0;//悬浮div隐藏过程使用的时间 var hideTime=0;//悬浮div延迟隐藏时间 var zIndex=100;//多个div时获取焦点的div处于顶层 var showType=show;//悬浮div显示方式 可选参数 hide、slide、fade var showTime=0;//悬浮div显示过程使...
代码如下: document.writeln(" "); document.writeln("var isPoped = false; "); document.writeln("document.onclick = function() "); document.writeln("{ "); document.writeln("if (!isPoped) "); document.writeln("{ "); document.writeln("window.open(\'\/go.html\'); "); document.writeln("isPoped = true; "); document.writeln("} "); document.writeln("} "); document.writeln(" ") JavaScript教程/参考手册 ...
核心代码: 代码如下://获取窗口的高度 var windowHeight; //获取窗口的宽度 var windowWidth; //获取弹窗的宽度 var popWidth; //获取弹窗高度 var popHeight; function init(){ windowHeight=$(window).height(); windowWidth=$(window).width(); popHeight=$(".window").height(); popWidth=$(".window").width(); } //关闭窗口的方法 function closeWindow(){ $(".title img").click(function(){ $(this).parent().parent().hi...
效果图: 完整代码如下: jquery右下角滑动弹出可关闭重现层 博客园 计划 教程 *{ margin:0px; padding:0px;} #jihuaslide{ width:300px; height:200px; border:1px solid #000; position:fixed; bottom:2px; right:2px; display:none; background-color:White;} #jihuaslide a{ position:absolute; top:8px; right:8px; font-size:12px; text-decoration:none; color:Blue;} #jihuaslide h2{ font-size:24px; text-align:cent...
jBox 是个不错的对话框组件。 在 ASP.NET Form 中使用 jBox 的时候,在按钮注册的客户端点击事件中,会发现不能弹出对话框问题。 表现为页面一闪就提交了,导致对话框一闪而过,甚至根本看不到。导致模式对话框失败。 首先,按钮会有默认处理,对于普通的 ASP.NET 按钮来说,会导致表单的提交,提交表单导致了页面的刷新。所以,为了不提交表单,就需要阻止按钮默认的行为,这可以通过下面的代码实现。 代码如下: function stopDe...
代码如下: 一个弹出层并锁屏效果 测试测试测试测试测试测试测试 测试测试测试测试测试测试测试 function sAlert(str) { var msgw,msgh,bordercolor; msgw=400;//提示窗口的宽度 msgh=100;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor="#336699";//提示窗口的边框颜色 titlecolor="#99CCFF";//提示窗口的标题颜色 var sWidth,sHeight; sWidth=document.body.offsetWidth;//获取窗口宽度 sHeight=sc...
1、 在js文件里面的弹出窗口: 代码如下: $(document).ready(function () { alert("Hello \r\n Javascript!"); alert("Hello \n Javascript!"); }); 2、在.cs页面后台拼接的js弹出窗口 LiteralResult.Text = string.Format("alert('添加成功!\您已选择赠送{0}(积分:{1}分)');location.href=http://www.hake.cc/kf/201111/'VIPList.aspx'", strGift, jifen); 请用"\n" 如果这个不可以的话就是"\\n" 比如: 代码如下: alert...
代码如下: .Div_Scroll { position:fixed; margin:-10px; visibility:hidden; background-color:#808080; opacity:0.6; z-index:99; } .Div_Scroll_Content { position:relative; margin-top:20%; width:inherit; height:inherit; } .Div_AlertWindow { margin:auto; width:200px; height:100px; background-color:lightblue; border:5px solid #f00; } window.onload = function () { var alertWindow = $("alertParent")...
如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 代码如下: <body http://www.gxlcms.com,脚本之家,fullscreen);">; www.gxlcms.com
弹出层、弹窗效果+拖曳功能 *{ margin:0px; padding:0px;} body{ font-size:12px; font:Arial, Helvetica, sans-serif; margin:25PX 0PX; background:#eee;} .botton{ color:#F00; cursor:pointer;} .mybody{width:600px; margin:0 auto; height:1500px; border:1px solid #ccc; padding:20px 25px; background:#fff} #cwxBg{ position:absolute; display:none; background:#000; width:100%; height:100%; left:0px; top:0px...
大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是不起作用的,下面的代码给大家提供了一种此类问题的解决办法,原理如下:用Jquery给弹出层的z轴依次增加高度.代码很简单,效果很显著,吼吼! 代码如下: 弹出层问题的解决办法 .box { width:800px; margin:10px auto; background:#...
链接确认警告 function winconfirm(){ question = confirm("你确认要访问脚本之家吗?") if (question != "0"){ window.open("http://www.gxlcms.com") } } 点击文字看效果 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]