style{
.show {
display: none;
background: transparent;
text-align: center;
position: absolute;
z-index: 2;
width: 770px;
height: 500px;
}
.title {
background: #C0C0C0;
width: 770px
}
}
<script>
//移动DIV
function closePreWin(){
preWin.style.display = "none";
}
$(document).ready(function()
{
$(".title").mousedown(function(e)//e鼠标事件
{
$(this).css("cursor","move");//改变鼠标指针的形状
var offset = $(this).offset();//DIV在页面的位置
var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离
var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离
$(document).bind("mousemove",function(ev)//绑定鼠标的移动事件,因为光标在DIV元素外面也要有效果,所以要用doucment的事件,而不用DIV元素的事件
{
$(".show").stop();//加上这个之后
var _x = ev.pageX - x;//获得X轴方向移动的值
var _y = ev.pageY - y;//获得Y轴方向移动的值
$(".show").animate({left:_x+"px",top:_y+"px"},10);
});
});
$(document).mouseup(function()
{
$(".title").css("cursor","default");
$(this).unbind("mousemove");
})
});
</script>
<div id="firstDiv" style="position: absolute; z-index: 1;">
</div>
<div id="preWin" class="show">
<div id="title" class="title">
<p align="right">
<span onClick="closePreWin()">关闭</span>
</p>
</div>
<div id="pre">content</div>
</div>
拖动title 即可拖动 preWin div了 preWin 是悬浮在firstDiv之上
分享到:
相关推荐
可拖动的悬浮窗+对话框悬浮窗,相关博文:http://www.cnblogs.com/tianzhijiexian/p/3994546.html
android悬浮窗 android无需权限的悬浮窗例子 android悬浮窗权限 android拖动视图 安卓悬浮窗 安卓悬浮球 android悬浮球 大部分人实现的悬浮窗都需要授权悬浮窗权限,否则无法使用,但本人开发这个悬浮窗无需权限,...
实现了无需申请权限,既可以弹出悬浮窗的功能,包括miui,锤子、魅族等第三方ROM,可以点击和拖动悬浮窗(但是需要4.4以上的系统)
最近开发项目中,有个在屏幕上任意拖动的悬浮窗功能,其实就是利用 WindowManager的api来完成这个需求,具体的实现的功能如下: 1.自定义view import android.content.Context; import android.content.Intent; ...
可拖动点击的桌面悬浮窗,网上找了很多,或多或少感觉都不能满足要求,自己整理修改了下,可以了,希望能帮到以后遇到类似问题的小伙伴
实现了无需申请权限,既可以弹出悬浮窗的功能,包括miui,锤子、魅族等第三方ROM,可以点击和拖动悬浮窗(但是需要4.4以上的系统.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考...
iOS程序内部悬浮窗demo,可以随意拖动,添加点击手势,自定义悬浮窗
本代码资源是关于,Android视频悬浮窗的,里面的代码可以直接运行
仿360桌面悬浮窗效果,支持拖到指定位置删除.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
实现了布局拖拽,悬浮窗效果,实现简单,可自定义任何布局,方便使用。
abccksjfskdjfldjflsjflsjfl
AutoJs源码-window悬浮窗。本资源购买前提醒:本源码都是实际autojs项目模板,安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!...
VC++实现类似FlashGet或者迅雷或者360的悬浮窗一样的效果,鼠标左键双击悬浮窗能调出程序主窗口,鼠标左键单击可以拖动悬浮窗到屏幕任意位置,右键单击悬浮窗会弹出菜单,可继续添加菜单。 主窗口有个滑块,拖动滑块...
android下的桌面悬浮窗,可自由拖动,并监控在运行非桌面app的时候隐藏它。
实现桌面悬浮窗,并可随手指移动,代码只实现一个button,可自行修改悬浮窗样式
VC++玩转炫酷悬浮窗1---悬浮窗的实现 源码,blog请看 http://blog.csdn.net/lincyang/article/details/38729275
FloatWindow 安卓任意界面悬浮窗 特性: 1.支持拖动,提供自动贴边等动画 2.内部自动进行权限申请操作 3.可自由指定要显示悬浮窗的界面 4.应用退到后台时,悬浮窗会自动隐藏 5.除小米外,4.4~7.0 无需权限申请 6....
好记性不如烂笔头,有很多时候,别人打电话过来,跟你说了些事,你可能会忘记,那么该工具...4.可设置悬浮窗可否拖拽,来去电提示事件条目数,开机自启动 未解决: 开机自启动,因为没办法调试,所以不知道具体情况。
android 悬浮窗 类似360悬浮窗 可拖动