使用提示
本例是一个漂亮又好用的范例。你可以在代码复制后生成的二个图层中直接修改图层的属性。可以将代码直接复制到需要的位置以确定文字的显示位置。方法是:在视图编缉状态下将鼠标移到所需位置 点击,然后切换到HTML编缉状态,将代码粘贴到光标所在位置。
一个非常棒的打开小窗口特效
演示效果:关闭窗口后点击下面的文字
关于本站
关闭
本站是网页制作的专业网站。
返回目录
关闭
返回目录
关于本站
返回目录
代码提示:地一景的须要在地地
第一步:把如下代码加入<body>区域中 <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="18" bgcolor="#E28EEE" > <div align="right">关于本站 <a href="#" onClick="clase(0)">关闭</a></div> </td></tr><tr> <td 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="18" bgcolor="#E28EEE" > <div align="right">返回目录 <a href="javascript:" onClick="clase(1)">关闭</a></div> </td></tr><tr> <td bgcolor="#FCE3FD"><a href="../wytx.htm">返回目录</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> 第二步:修改<body***>中的内容,将下面的代码加入原<body***>中 onmousemove="move()" onmouseup="down=false"
使用提示
返回目录