欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 可移动与隐藏的图层
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 状态栏显示链接内容...
· 又一例闪动的标题栏...
· 让标题栏文字动起来...
· 状态栏显示链接内容...
· 在输入框中输入什么...
· 状态栏打字效果特效...
· 闪动的标题栏特效
· 字符来回出现于状态...
· 在标题栏显示时间特...
· 一款状态滚动的文字...
本 类 热 门
· 面积计算器
· 100只鸡
· 不错的助手“默林
· 数制转换 可自定2、8...
· 科学计算器
· 坐标图
· 职位
· 三角函数计算
· 装机计算器
· NUMBER对象的增强函数...
· 阿拉伯数字转换为英文...
· 计算圆周率
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
可移动与隐藏的图层
可移动与隐藏的图层
作者:本站  来源:本站整理  名称:可移动与隐藏的图层 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:

特效版权归特效本人所有,未经同意不得转载!

 

<script language="JavaScript1.2"> <!-- Begin var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } //drag drop function for IE 4+//// ///////////////////////////////// var dragapproved=false function drag_dropie(){ if (dragapproved==true){ document.all.showimage.style.pixelLeft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return false } } function initializedragie(){ iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropie } if (document.all){ document.onmouseup=new Function("dragapproved=false") } ////drag drop functions end here////// function hidebox(){ if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide" } // End --> </script> <div id="showimage" style="position:absolute;left:150;top:90; width: 400px; height: 89px"> <!-- 层位置 --> <table border="0" width="400" bgcolor="#0000FF" cellspacing="0" cellpadding="1" height="164"> <!-- 边框颜色及宽度 --> <tr> <td width="100%"> <table border="0" width="399" cellspacing="0" cellpadding="0" height="175"> <tr> <td onMousedown="initializedragie()" style="cursor:move" width="94%" height="8"> <layer width="385" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0" height="17" left="15" top="18"> <!-- 标题开始 --> <font size="2" color="#FFFFFF">数据查询</font> <!-- 结束 --> </layer>   </td> <td width="6%" height="8"> <a href="#" onClick="hidebox();return false"> <img src="close_up.gif" alt="關閉" align="absmiddle" border=0 width="11" height="11"></a></td> </tr><tr> <td bgcolor="#FFFFFF" style="padding:4px" colspan="2"> <!-- 层颜色设定 --> <!-- 内容开始 --> <font size="2"> E-mail <br> Guestbook <br>
              <a href="http://www.bioon.cn">http://www.bioon.cn</a> </font>
              <!-- 内容结束 -->
            </td>
          </tr></table></td></tr></table> </div>

[返回上一页] [打印可移动与隐藏的图层]
上一篇特效:下拉菜单
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |