javascript求写个简单的代码
鼠标点击div1屏幕中间会弹出一个对话框div2长宽就假设200*200px吧，时刻保持在屏幕正中，求大神写个详细的代码内容和样式分开谢谢...
鼠标点击div1 屏幕中间会弹出一个对话框div2 长宽就假设200*200px吧，时刻保持在屏幕正中，求大神写个详细的代码 内容和样式分开 谢谢
展开
4个回答
展开全部
<HTML>
<HEAD>
<TITLE> test </TITLE>
<style>
#div1{
border:1px #808080 solid;
width:100px;
height:20px;
cursor:pointer;
}
#div1:hover{
border:1px solid black;
background:#CCFFCC;
}
#div2{
position:absolute;
border:1px #808080 solid;
width:20%;
height:20%;
margin:40% 40% 40% 40%;
}
#btn{
border:0px black solid;
cursor:pointer;
}
#btn:hover{
background:red;
color:white;
}
</style>
<script type='text/javascript'>
function Show(){
document.getElementById('div2').style.display = 'block';
}
function Close(){
document.getElementById('div2').style.display = 'none';
}
</script>
</HEAD>
<BODY>
<div id='div1' onclick="Show();">click me!</div>
<div id='div2' style='display:none;'>
<span>我是div2的内容！！</span>
<span style='float:right;'><input type='button' onclick="Close();" value='X' id='btn' title='关闭'/></span>
</div>
</BODY>
</HTML>
<HEAD>
<TITLE> test </TITLE>
<style>
#div1{
border:1px #808080 solid;
width:100px;
height:20px;
cursor:pointer;
}
#div1:hover{
border:1px solid black;
background:#CCFFCC;
}
#div2{
position:absolute;
border:1px #808080 solid;
width:20%;
height:20%;
margin:40% 40% 40% 40%;
}
#btn{
border:0px black solid;
cursor:pointer;
}
#btn:hover{
background:red;
color:white;
}
</style>
<script type='text/javascript'>
function Show(){
document.getElementById('div2').style.display = 'block';
}
function Close(){
document.getElementById('div2').style.display = 'none';
}
</script>
</HEAD>
<BODY>
<div id='div1' onclick="Show();">click me!</div>
<div id='div2' style='display:none;'>
<span>我是div2的内容！！</span>
<span style='float:right;'><input type='button' onclick="Close();" value='X' id='btn' title='关闭'/></span>
</div>
</BODY>
</HTML>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="div1">11111</div>
<div id="div2" style="width:200px"></div>
<script>
document.getElementById("div1").onclick=function(){
alert(document.getElementById("div2").style.width);
}
</script>
<div id="div2" style="width:200px"></div>
<script>
document.getElementById("div1").onclick=function(){
alert(document.getElementById("div2").style.width);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
插件最方便了。自己写的很耗时的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用JqueryUI中的Dialog吧，jqueryui.com，去看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
