教程集 www.jiaochengji.com
Golang 教程
教程集 >  脚本编程  >  javascript  >  正文 层的显示、隐藏、拖动效果

层的显示、隐藏、拖动效果

发布时间：2017-07-03   编辑：jiaochengji.com
教程集为您提供层的显示、隐藏、拖动效果等资源，欢迎您收藏本站，我们将为您提供最新的层的显示、隐藏、拖动效果资源
提供一款漂亮的层的显示、隐藏、拖动效果
提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" ><%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style> </style> </head> <body>

 

 

 

 

 

                                  

请选择类型
<span style="text-decoration:underline; cursor:hand;" onclick="d()">X</span>  
a1    a2    a3
a4    a5    a6
a7    a8    a9
 
<script language="javascript"> function d() { $("aaa").style.display="none"; } function c() { $("aaa").style.display="block"; $("aaa").style.left="150px"; $("aaa").style.top="150px"; } function $(id) { return document.getElementById(id); } </script> <script> var x0=0,y0=0,x1=0,y1=0; var moveable=false; //开始拖动; function startDrag(obj){ if(event.button==1){ obj.setCapture(); var win = obj.parentNode; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.offsetLeft); y1 = parseInt(win.offsetTop); moveable = true; } } //拖动; function drag(obj){ if(moveable){ var win = obj.parentNode; win.style.left = x1 event.clientX - x0; win.style.top = y1 event.clientY - y0; } } //停止拖动; function stopDrag(obj){ if(moveable){ obj.releaseCapture(); moveable = false; } } </script> </body> </html> </textarea>
提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
html中去掉textarea右侧滚动条和右下角拖拽
jquery 点击按钮弹出层 点击空白处隐藏层的实现代码
层的显示、隐藏、拖动效果
jquery实现div层的隐藏或显示
jQuery的弹窗插件 wBox
Edge浏览器收藏夹栏显示或隐藏设置图解
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
js动态显示与隐藏层的简单例子
jquery显示和隐藏div特效实例
jquery.Jwin.js 基于jquery的弹出层插件代码

上一篇：类似google提示那种上下方向键 下一篇：JS生成VML画曲线图代码[精华]
[关闭]
最近更新
浏览排行

关于本站 | 网站地图 | 联系我们 | 免责声明 | 友情链接
京ICP备12039225号-6 广告合作请加QQ:441358019
CopyRight © 2010-2014 教程集 jiaochengji.com , All Rights Reserved.

~ ~