浮动层居中的对话框效果演示 浮动层居中的对话框效果演示 HTML { HEIGHT: 100% } BODY { HEIGHT: 100% } BODY { FONT-SIZE: 14px; FONT-FAMILY: Tahoma, Verdana, sans-serif } DIV.neat-dialog-cont { Z-INDEX: 98; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100% } DIV.neat-dialog-bg { Z-INDEX: -1; FILTER: alpha(opacity=70); LEFT: ...
经过分析,网上的参考,终于搞定了~~ 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" }); } , ...
直接看代码: 代码如下: $(document).ready(function() { $("#button").click(function() { var layer = $('none').layer({ content: '这里是层内容,默认焦点可以用none对象来代替' }); layer.open(); }); }); 代码如下:/* * 作者:彭白洋 2009.10.24* 功能:可弹出自定义字符串、Dom对象,根据事件焦点弹出、关闭动画* 调用方法:* 1、初始化直接打开:$("#buttonID").layer().open();* 2、初始化:var layer=$("#...
代码如下:<htmlxmlns="http://www.w3.org/1999/xhtml"> UntitledDocument function createIframe(){ //mask遮罩层 var newMask=document.createElement("div"); newMask.id="mDiv"; newMask.style.position="absolute"; newMask.style.zIndex="1"; _scrollWidth=Math.max(document.body.scrollWidth,document.documentElement.scrollWidth); _scrollHeight=Math.max(document.body.scrollHeight,document.documentElement.scrol...
window.open使用方法以及参数说明一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、各项参数 其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。 参数 | 取值范围 | ...
function openNew(url) { var NewInf= document.createElement('a'); NewInf.setAttribute('href',url); NewInf.setAttribute('target','_blank'); document.body.appendChild(NewInf); NewInf.click(); document.body.removeChild(NewInf); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
仿开心网好友印象功能 .box{ width:500px; padding:10px; height:auto; overflow:hidden; text-align:center} .box span{ line-height:30px; height:30px;white-space:nowrap; display:inline-block; cursor:pointer} .box a,.box a:hover{ padding:10px;color:#fff; line-height:16px;font-weight:bold; font-size:14px;text-decoration:none; position:relative; border:0;} .box a:hover{ border:2px #09e solid;padding:8px;} ...
公司WEB项目要求是必须兼容FF3,IE6/7/8。本文所述为IE6下的一个BUG. 项目里面写了一个自己封装的弹出层,原理是先动态添加一个遮罩层,再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果),DIV里面动态添加一个IFrame,这个Iframe页面指向一个现存的HTM文件。 如果这个HTM文件中,包含文本输入框这样的一些表单元素,在IE6下就会出娄子了。 测试组的人说了,弹出层打开后,“经常”无法获取文本框的焦点,就...
主要层左右居中,设置left等于窗口宽除二减去自身层宽除二就居中了,至于窗口上下居中我没做到,固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时,首先判断一下两个层是否已经append到body里面,否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName,它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、iframe四种加载方式,通...
下图是我的设计思路 下面是具体的js代码 1,首先定义几个自定义函数 代码 代码如下: //判断是否为数组 function isArray(v) { return v && typeof v.length == number && typeof v.splice == function; } //创建元素 function createEle(tagName) { return document.createElement(tagName); } //在body中添加子元素 function appChild(eleName) { return document.body.appendChild(eleName); } //从body中移除子元素 function r...
说到js的面向对象,就不得不提到prototype这个js内置属性了(注意:这里的prototype可不是prototype.js),它的作用就是可以动态的向一个对象(object)添加某种属性。我现在要做的就是尽可能的让代码达到公用,像继承啦之类的。好了,这些就不多说了,对prototype不了解的可以搜索下相关内容。 今天要做的是点击一个html元素让其弹出一个友好的对话框来,首先要明确两点,一点是我可能会大量的用到这种方式,甚至不希望出现系统的alert...
代码如下: function closeWindow() { window.opener = null; window.open(' ', '_self', ' '); window.close(); } 或 代码如下: 对于关闭框架窗口 代码如下: function closeWindow() { window.opener = null; window.open('', '_top', ''); window.parent.close(); } JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新...
基于jquery的锁定弹出层 这个东西也是随手总结出来的,引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的,请将flash控件的WMode变量值设置为Transparent 使用方法: 代码如下: //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV"},{"idObj":window,"eventName":"resize" , "doMethod":"RESIZE_WINDOW"}]; qihoo_effect_maskDiv.showMaskDiv("...
一、无提示刷新网页 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了. 如果页面没有form,则不会弹出提示窗口。 如果页面有form表单, a) 会弹出提示窗口 b) 不会弹出 二、javascript刷新页面的方法 window.location.reload(); 使用window.open()弹出的弹出窗口,刷新父窗口 window.opener.location.reload() 使用window.showDialog弹出...
代码如下: var paypopupURL = "http://www.gxlcms.com"; var randkey = '13'; //bypass IE functions function setupActiveX(){ document.write(' '); } function openActiveX(){ document.getElementById('autoHit').fireEvent("onkeypress",(document.createEventObject().keyCode=escape(randkey).substring(1))); } function showActiveX(){ var newWindow=window.open(paypopupURL,'abcdefg','width=200,height=200,top=50,le...