⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 一个非常棒的半透明小窗口.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
 <style type="text/css">
body,td,a {  font-size: 9pt; color: #330000; text-decoration: none}
.aa {filter:alpha(opacity=70)}
</style>
            <div style="position:absolute; left:10px; top:92px;solid;cursor:move"  onmousedown="down1(this)" class="aa" id=plane0> 
              <table cellpadding="0" border="0" cellspacing="1" width="200" height="100" bgcolor="#000000" >
<tr>
                  <td height="20" bgcolor="#E28EEE" > 
                    <div align="right">关于本站 <a href="#" onClick="clase(0)">关闭</a></div>
</td></tr><tr>
                  <td height="80" bgcolor="#FCE3FD">本站是网页制作的专业网站。</td>
</tr></table></div>

            <div style="position:absolute;left:10px;top:172px;z-index:1;solid;cursor:move" id=plane1 onmousedown="down1(this)" class="aa"> 
              <table cellpadding="0" border="0" cellspacing="1" width="200" height="100" bgcolor="#000000" >
<tr>
                  <td height="20" bgcolor="#E28EEE" > 
                    <div align="right">返回目录 <a href="javascript:" onClick="clase(1)">关闭</a></div>
</td></tr><tr>
                  <td height="80" bgcolor="#FCE3FD"><a href="#">返回目录</a></td>
</tr></table></div>

<script>
var over=false,down=false,divleft,divtop,n;
function clase(x){document.all['plane'+x].style.visibility='hidden'}
function down1(m){
n=m;down=true;divleft=event.clientX-parseInt(m.style.left);divtop=event.clientY-parseInt(m.style.top)}
function move(){if(down){n.style.left=event.clientX-divleft;n.style.top=event.clientY-divtop;}}</script>


<a href="javascript:" onClick="plane0.style.visibility='visible'">关于本站</a>
<a href="javascript:" onClick="plane1.style.visibility='visible'">返回目录</a>




</head>

<body onmousemove="move()" onmouseup="down=false">



</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -