900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js+div+css 模拟弹出对话框【HTML】

js+div+css 模拟弹出对话框【HTML】

时间:2018-10-05 10:00:36

相关推荐

js+div+css 模拟弹出对话框【HTML】

web前端|html教程

js+div+css 模拟弹出对话框

web前端-html教程

今天闲着,做了这么一个网页,在IE5.5-8,ff下测试通过,共享给大家.

iconv源码,Ubuntu安装 卡登录,java爬虫行业前景,php appdebug,淮安seo引流lzw

代挂网源码破解,vscode正则匹配函数,手机ubuntu体验,tomcat支持异步吗,爬虫 mobi,php 股票api,苏州seo排名哪里有名,html5旅游网站源代码,简单人力资源管理网页模板lzw

弹出模态对话框测试[IE6下测试通过]

内部搜索源码,vscode打不开vue,ubuntu bcd损坏,索格tomcat折刀,安卓订餐sqlite单机版,松鼠身上有很小很小的爬虫怎么办,php 支持zend,墟沟seo网络优化,ecshop 拼团网站,后台管理系统模板bootstraplzw

.hideDlg

{

height : 129px ; width : 368px ;

display : none ;

}

.showDlg

{

background-color : #ffffdd ;

border-width : 3px ;

border-style : solid ;

height : 129px ; width : 368px ;

position : absolute ;

display : block ;

z-index : 5 ;

}

.showDeck {

display : block ;

top : 0px ;

left : 0px ;

margin : 0px ;

padding : 0px ;

width : 100% ;

height : 100% ;

position : absolute ;

z-index : 3 ;

background : #cccccc ;

}

.hideDeck

{

display : none ;

}

function showDlg()

{

// 显示遮盖的层

var objDeck = document.getElementById( ” deck ” );

if ( ! objDeck)

{

objDeck = document.createElement( ” div ” );

objDeck.id = ” deck ” ;

document.body.appendChild(objDeck);

}

objDeck.className = ” showDeck ” ;

objDeck.style.filter = ” alpha(opacity=50) ” ;

objDeck.style.opacity = 40 / 100;

objDeck.style.MozOpacity = 40 / 100;

// 显示遮盖的层end

// 禁用select

hideOrShowSelect( true );

// 改变样式

document.getElementById( ‘ divBox ‘ ).className = ‘ showDlg ‘ ;

// 调整位置至居中

adjustLocation();

}

function cancel()

{

document.getElementById( ‘ divBox ‘ ).className = ‘ hideDlg ‘ ;

document.getElementById( ” deck ” ).className = ” hideDeck ” ;

hideOrShowSelect( false );

}

function hideOrShowSelect(v)

{

var allselect = document.getElementsByTagName( ” select ” );

for ( var i = 0 ; i < allselect.length; i ++ )

{

// allselect[i].style.visibility = (v==true)?”hidden”:”visible”;

allselect[i].disabled = (v == true ) ? ” disabled ” : “” ;

}

}

function adjustLocation()

{

var obox = document.getElementById( ‘ divBox ‘ );

if (obox != null && obox.style.display != ” none ” )

{

var w = 368 ;

var h = 129 ;

var oLeft,oTop;

if (window.innerWidth)

{

oLeft = window.pageXOffset + (window.innerWidth – w) / 2 +”px”;

oTop = window.pageYOffset + (window.innerHeight – h) / 2 +”px”;

}

else

{

var dde = document.documentElement;

oLeft = dde.scrollLeft + (dde.offsetWidth – w) / 2 +”px”;

oTop = dde.scrollTop + (dde.offsetHeight – h) / 2 +”px”;

}

obox.style.left = oLeft;

obox.style.top = oTop;

}

}

百度

1

2

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。