- 浏览: 406850 次
- 性别:
- 来自: 济南
最新评论
-
nianshi:
slideDown就是show的滑动效果版本, slideUp ...
Jquery零碎代码收藏 -
nianshi:
以后编写JS代码,少写<div onclick=&quo ...
Jquery零碎代码收藏 -
nianshi:
获取匹配元素相对父元素的偏移var p = $("p ...
Jquery零碎代码收藏 -
nianshi:
获取匹配元素在当前窗口的相对偏移var p = $(" ...
Jquery零碎代码收藏 -
wuchu:
谢谢
Flex 读取XML配置文件总结
(很好用的)js弹出div对话框(1,透明,2带拖动功能) JS DIV 弹出
<html>
<head>
<script>
function sAlert(txt)
{
//var eSrc=(document.all)?window.event.srcElement:arguments[1];
var shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute";
shield.style.left = "0px";
shield.style.top = "0px";
shield.style.width = "100%";
//window.alert(document.body.scrollHeight);
shield.style.height = document.body.scrollHeight+"px";
shield.style.background = "white";
shield.style.textAlign = "center";
shield.style.zIndex = "10000";
shield.style.filter = "alpha(opacity=80)";
shield.style.opacity = 0.8;
//shield.style.border-width=thick;
strHtml = "<input type=\"button\" value=\" 确 定 \" id=\"do_OK\" onclick=\"doOk()\" />\n";
shield.innerHTML = strHtml;
document.body.appendChild(shield);
this.doOk = function(){
document.body.removeChild(shield);
}
document.getElementById("do_OK").focus();
}
</script>
</head>
<body >
<input type=button onclick="sAlert('登陆成功!')" value=登陆>
<p align=center><select><option>---</option></select></p>
</body>
</html>
=============================================================
<html>
<head>
<script>
var dragapproved=false
var minrestore=0 //该变量表示窗口目前的状态,0表示初始化状态,1表示最大化状态
var initialwidth,initialheight
//若Client浏览器为IE5.0以上版本的
var ie5=document.all&&document.getElementById
//若Client浏览器为NetsCape6。0版本以上的
var ns6=document.getElementById&&!document.all
function iecompattest(){
return (!window.opera && document.compatMode &&
document.compatMode!="BackCompat")? document.documentElement :
document.body
}
function drag_drop(e){
if (ie5&&dragapproved&&event.button==1){
document.getElementById("dwindow").style.left=tempx+event.clientX-offsetx+"px"
document.getElementById("dwindow").style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
document.getElementById("dwindow").style.left=tempx+e.clientX-offsetx+"px"
document.getElementById("dwindow").style.top=tempy+e.clientY-offsety+"px"
}
}
function initializedrag(e){
offsetx=ie5? event.clientX : e.clientX
offsety=ie5? event.clientY : e.clientY
document.getElementById("dwindowcontent").style.display="none" //此句代码可不要
tempx=parseInt(document.getElementById("dwindow").style.left)
tempy=parseInt(document.getElementById("dwindow").style.top)
dragapproved=true
document.getElementById("dwindow").onmousemove=drag_drop
}
function loadwindow(width,height){
if (!ie5&&!ns6) //若不为IE或Netscpae浏览器,则使用一般的Window.open进行弹出窗口处理
//window.open(url,"","width=width,height=height,scrollbars=1")
{
}
else{
document.getElementById("dwindow").style.display='';
document.getElementById("dwindow").style.width=initialwidth=width+"px";
document.getElementById("dwindow").style.height=initialheight=height+"px";
document.getElementById("dwindow").style.left="300px";
document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+30+"px" : iecompattest().scrollTop*1+30+"px";
//document.getElementById("cframe").src=url
}
}
function maximize(){
if (minrestore==0){
minrestore=1 //maximize window
document.getElementById("maxname").setAttribute("src","layout.png")
document.getElementById("dwindow").style.width=ns6? window.innerWidth-20+"px" : iecompattest().clientWidth+"px"
document.getElementById("dwindow").style.height=ns6? window.innerHeight-20+"px" : iecompattest().clientHeight+"px"
}
else{
minrestore=0 //restore window
document.getElementById("maxname").setAttribute("src","layout.png")
document.getElementById("dwindow").style.width=initialwidth
document.getElementById("dwindow").style.height=initialheight
}
document.getElementById("dwindow").style.left=ns6? window.pageXOffset+"px" : iecompattest().scrollLeft+"px"
document.getElementById("dwindow").style.top=ns6? window.pageYOffset+"px" : iecompattest().scrollTop+"px"
}
function closeit(){
document.getElementById("dwindow").style.display="none"
}
function stopdrag(){
dragapproved=false;
document.getElementById("dwindow").onmousemove=null;
document.getElementById("dwindowcontent").style.display="" //extra
}
</script>
</head>
<body>
<div id="dwindow"
style="position:absolute;background-color:#EBEBEB;cursor:hand;left:0px;top:0px;display:none"
onMousedown="initializedrag(event)" onMouseup="stopdrag()"
onSelectStart="return false">
<div align="right" style="background-color:navy">
<img src="layout.png" id="maxname" onClick="maximize()">
<img src="icon_delete.gif" onClick="closeit()"></div>
<div id="dwindowcontent" style="height:100%">
</div>
</div>
<input type="button" value="弹出窗口" onclick='loadwindow(300,200);'>
</body>
</html>
(收集的很好用的)js弹出div对话框(1,透明,2带拖动功能) JS DIV 弹出,用后记得发表下意见哦.
发表评论
-
encodeURI和encodeURIComponent
2011-12-02 14:00 1326encodeURI和encodeURIComponent ... -
Javascript获取url里面的一些东西
2011-11-01 14:25 888属性 描述 hash 设置或 ... -
不错的JS特效代码
2011-10-31 14:06 776http://js.fgm.cc/learn/ -
你可能不知道的10个JavaScript小技巧
2011-10-31 09:34 689尽管我使用 Javascript来 ... -
jquery选择器摘要
2011-05-25 12:10 930jquery ... -
jquery 多库共存机制
2011-02-11 12:08 1002在web项目开发中,经常需要引用第三方js库,如果第三方 ... -
纯CSS实现两列等高
2011-01-19 17:17 1109<!DOCTYPE html PUBLIC " ... -
Jquery AutoComplete实例
2011-01-14 17:11 1965<!DOCTYPE html PUBLIC " ... -
Jquery AutoComplete自动完成 的使用方法实例
2011-01-14 17:02 1437Jquery AutoComplete自动完成 ... -
JS完美拖拽+拖动改变Div的宽高+关闭按钮
2010-12-31 11:14 2211完美拖拽+拖动改变Div的宽高+关闭按钮 -
Javascript捕获鼠标位置(跨浏览器)
2010-12-31 10:59 1767Html代码 Javascript ... -
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
2010-11-29 11:25 8461 判断select选项中 是否存在Val ... -
javascript获取各种浏览器可见窗口大小
2010-11-29 09:12 934Js代码 function g ... -
js 获取html 控件坐标
2010-11-22 11:29 3430假设 obj 为某个 HTML 控件。 ... -
img Scroll滚动
2010-11-22 09:11 3803js代码 var $ = function ... -
img SetTimeOut渐现
2010-11-22 09:09 935JS代码: < script lang ... -
js获取页面宽度高度及屏幕分辨率
2010-11-18 15:04 2748网页可见区域宽:document.body.clientWid ... -
Iframe框架高度自适应的实现
2010-11-16 15:21 1206解决iframe框架页面自适应高度问题代码如下,需要注意 ... -
实现iFrame自适应高度,原来很简单!
2010-11-16 15:20 1159实现iFrame自适应高度,原来很简单! 2010-10 ... -
JS弹出DIV对话框透明遮罩效果,挺不错
2010-11-16 15:17 1579<!DOCTYPE html PUBLIC & ...
相关推荐
JS可拖动窗口控件,可实现各种DIV窗口自定义及各种DIV弹出提示框 带遮罩层的DIV窗口(对话框)控件 js javascript 对话框
div+js实现的弹出对话框,调用简单,可拖动,父页面禁止并半透明。弹出框可内嵌功能页面,也可去掉“iframe”然后做成单纯的对话框。 在windowsXP sp2下的 IE8、firefox3.5、opera10、傲游、TT浏览器、搜狗浏览器、...
js 弹出对话框(遮罩)透明,可拖动的简单实例 <html> <head> [removed] function sAlert(txt) { //var eSrc=(document.all)?window.event.srcElement:arguments[1]; var shield = document....
JQuery Dialog, Javascript Dialog, Div模态窗口, 可拖拽的DIV, JS对话框, JQuery对话框
1.jquery仿div透明模态弹出窗插件下载 2.jquery实现多风格消息弹出框插件jGrowl下载 3.jQuery弹出层插件PopupDiv-v1.0下载(支持ajax、居中等效果) 4.jQuery超炫淡入淡出效果DIV渐变居中弹出框插件下载 5....
1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例...
1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...
1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17 屏蔽网页中的脚本 1.18 以频道模式打开页面 1.19 自动识别网页类型 ...
第1章(\cha01) 1.1.htm 自动类型转换 1.2.htm 显式类型转换 1.3.htm 提升基本类型为对象 第2章(\cha02) 2.1.htm if语句 2.2.htm switch语句 2.3....
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
1.12 强制在弹出窗口中打开链接 1.13 平滑滚动页面到某个锚点 1.14 阻止文本行换行 1.15 实现iframe高度自适应 1.16 实现左右div自适应相同高度 1.17 获取鼠标在屏幕中的坐标 1.18 获取鼠标在窗口客户区中的坐标 ...