0顶

可移动的页面窗口

稿源：互联网 2022-08-12 22:46:29 点击： 166 撤稿纠错

可随意移动的页面窗口，还带有关闭功能，可自定义窗口内容。

以下讨论的是和特效相关的可移动的页面窗口教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
第一步：把如下代码加入<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:235px; 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="#999999" >
<div align="right">点这儿关闭>>><a href="#" onClick="clase(0)">★</a></div>
</td></tr><tr>
<td bgcolor="f4f4f4">这里是你的文字!!!!!!!!!!!!!!!!!!</td>
</tr></table></div>

<div style="position:absolute;left:350px;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="#999999" >
<div align="right">点这儿关闭>>><a href="javascript:" onClick="clase(1)">★</a></div>
</td></tr><tr>
<td bgcolor="f4f4f4">这里是你的文字!!!!!!!!!!!!!!!!!!</td>
</tr></table></div>

<a href="javascript:" onClick="plane0.style.visibility='visible'">点这儿重新显示0</a>
<a href="javascript:" onClick="plane1.style.visibility='visible'">点这儿重新显示1</a>

第二步：把<body>中的内容改为：
<body bgcolor="#fef4d9"  onmousemove="move()" onmouseup="down=false">

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于可移动的页面窗口的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071996367.shtml方便下次再访问哦。

·上一篇： 每次关闭效果不同的层
·下一篇： 突显广告文字

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

可移动的页面窗口

文章分类LIST >>返回首页

最新游戏

最新新闻