透明可移动层特效_中国网站频道，官方网站，中国品牌网站，网页特效，JS广告，网站截图，酷站推荐，图标，APP，按钮，中国网站第一品牌频道网站频道，div css，flash广告代码，网页特效，png图片，后台模板，flash特效，软件下载，中文字体下载，英文字体下载，

> 代码 > 图层样式特效

透明可移动层特效

作者：来源：日期：2009/7/3 12:29:35 人气：标签：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css" media="screen">
body {
	background: #6699CC;
	text-align:center;
}
.notes_out0 {
	position:absolute; width:100%; height:310px; top:50%; left: 0;
}
.notes_out1 {
	position:relative;
	width:500px;
	height:310px;
	font-size:12px;
	text-align:left;
	top:-50%;
}
.notes_out {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	filter:Alpha(Opacity=85);
}
.notes_out iframe {
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}
.notes_in {
	width:100%;
	height:100%;
	border:4px solid #666;
	padding:10px;
	padding-top:3px;
	line-height:150%;
	overflow:hidden;
	cursor:move;
}
.notes_in span {
	margin-left:10px;
	letter-spacing:3px;
}
.notes_in textarea {
	width:100%;
	height:230px;
	background: #D5E8F9;
	border-top:1px solid #333;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #333;
	padding:4px;
	margin-top:13px;
	margin-bottom:6px;
}
img {
	vertical-align:middle;
	border:0;
}
input.notes_button {
	width:54px;
	height:22px;
	background:url(../images/notes_button.gif) no-repeat;
	cursor:pointer;
	border:0;
}
</style>
<script type="text/javascript">
var md=false,mobj,ox,oy,index=1000;
function document.onmousedown(){
	winfocus();
	if(event.srcElement.className=="notes_in")
	{
		md = true;
		mobj = document.getElementById(event.srcElement.forid);
		ox = mobj.offsetLeft - event.x;
		oy = mobj.offsetTop - event.y;
	}
}
document.onmouseup=function(){md=false;}
function document.onmousemove()
{
	if(md)
	{
		mobj.style.left = event.x + ox;
		mobj.style.top = event.y + oy;
	}
}
function winfocus()
{
	fobj=document.getElementById(event.srcElement.forid);
	if(fobj==null){return false}
	if(fobj.style.zIndex!=index)
	{
			index = index + 1;
			fobj.style.zIndex=index;
	}
}
</script>
</head>
<body>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
<br>
<br>
<br>
<br>
<br>
<br>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
<br>
<br>
<br>
<br>
<br>
<br>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
<br>
<br>
<br>
<br>
<br>
<br>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
<br>
<br>
<br>
<br>
<br>
<br>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
<br>
<br>
<br>
<br>
<br>
<br>
fdsssssssssssssssssssssssssssssssssssssssssssssssss<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="notes_out0">
  <div class="notes_out1">
    <form name="Form1">
      <div id="notes_out" class="notes_out">
        <IFRAME frameborder="0" scrolling="no"></IFRAME>
        
        <div class="notes_in" forid="notes_out"> <img src="../images/notes_top_li.gif" /><span>编辑窗口</span>
          <textarea name="textarea"></textarea>
          <input type="button" name="button" value="提交" class="notes_button">
          <input type="button" name="button" value="关闭" class="notes_button" onClick="document.getElementById('notes_out').style.display=(document.getElementById('notes_out').style.display=='none')?'block':'none'">
        </div>
      </div>
    </form>
  </div>
</div>
</body>
</html>

代码由中国网站频道搜集整理

公告

更新

> 代码 > 图层样式特效

透明可移动层特效