<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
$(function(){
$("#gb").mousedown(function(e){
var offset = $("#moveDiv").offset();
var p = {top:offset.top - e.clientY,left:offset.left - e.clientX};
if (!e) e = window.event;
$(document).mousemove(function(e){
$("#gb").css("cursor","text");
$("#moveDiv").css({"top":e.clientY + p.top,"left":e.clientX + p.left});
});
$(document).mouseup(function(){
$("#gb").css("cursor","move");
$(this).unbind("mousemove");
});
});
});
</script>
</head>
<body>
<div id="moveDiv" style="width:100px;height:100px;position:absolute;border:1px solid #CCCCCC;background:#FFFFFF">
<div id="gb" style="text-align:right;background:#CCCCCC;width:100%;cursor:move;"><a href="#">关闭</a></div>
</div>
</body>
</html>
分享到：
相关推荐
在标题提及的案例中，"jQuery弹出层 可移动层 提示框 浮动层"，意味着我们需要创建一个不仅可以显示信息，还可以通过用户手势移动的浮动窗口。为了实现这一功能，我们需要结合jQuery的选择器、事件处理和动画方法。...
以上就是使用JQuery实现可移动模态窗口的基本步骤。在实际项目中，你可能需要根据具体需求进行调整，例如添加过渡效果、优化响应式布局或者处理键盘事件等。记住，JQuery提供了一套强大的工具，使得动态改变HTML和...
ASP.NET购物车jQuery Cookie可移动模态层版是一款基于ASP.NET技术、jQuery库以及Cookie实现的轻量级静态购物车解决方案。此项目采用Visual Studio 2010作为开发工具，利用了jQuery的便利性和Cookie的持久化特性，...
"jquery实现可拖动弹出层特效.zip"中的内容显然是关于使用jQuery来创建一个可拖动的弹出层效果，这是一种常见的用户界面元素，用于显示重要的信息或者进行交互操作。下面我们将深入探讨这个主题。 首先，让我们了解...
本插件即为基于 jQuery 的可移动弹窗实现，旨在提供一种简单易用、功能实用的解决方案。 首先，我们需要理解 jQuery 的基本用法。jQuery 通过选择器（如 `$("#elementID")`）选取 HTML 元素，然后对选中的元素进行...
"jquery 弹出层跟随鼠标移动"这一主题涉及到jQuery的事件监听、动态创建元素以及CSS定位技术。下面将详细讲解这些知识点。 1. **jQuery 事件监听**： jQuery 提供了方便的事件绑定方法，如 `.on()`，用于监听用户...
本文将深入探讨“简单实用的jQuery可拖动弹出层，遮罩层”这一主题，旨在帮助开发者了解如何利用jQuery实现这种功能。 首先，我们来解析标题中的关键词“jQuery可拖动弹出层”。jQuery是一个广泛使用的JavaScript库...
这对于创建交互式用户界面，如可移动的对话框或自定义布局，是非常有用的。 首先，我们需要理解jQuery的基本概念。jQuery是一个JavaScript库，它简化了HTML元素的选择、操作、事件处理和动画制作。通过引入jQuery库...
这个小插件的核心功能是创建一个可移动、可关闭的弹出层，它在设计时特别考虑了对老版本Internet Explorer（IE6、IE7和IE8）的兼容性。 jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
《jQuery实现的前后层叠空间立体图片展示效果详解》 在网页设计中，动态的、交互式的图片展示能够极大地提升用户体验，吸引用户的注意力。本文将深入探讨如何利用jQuery这一强大的JavaScript库来创建前后层叠的空间...
浮动层，也称为漂浮窗口或弹出层，是在网页上创建的一种可移动、可隐藏的元素，通常用于展示广告、提示信息或者用户操作指南等。在jQuery中，我们可以通过选择器选取元素，然后利用CSS进行样式控制，配合JavaScript...
本文将深入探讨如何使用jQuery实现一个兼容多种浏览器的弹出浮动层，同时具备可拖动和透明度调整功能。 首先，让我们从标题开始。"jQuery 弹出浮动层"指的是在网页上创建一个可以浮动且能在页面上任意位置显示的...
"JQuery 随意拖动的层"是一个利用jQuery实现的功能，允许用户在网页上自由拖动一个层（div元素）以提供更直观的交互体验。这个功能通常用于创建可拖动的对话框、窗口或任何其他需要移动的界面元素。 首先，我们需要...
本主题将详细介绍2011年最新出炉的10种jQuery弹出层特效及其背后的实现原理。 1. **淡入淡出效果** 这是最基础的弹出层特效，通过调整透明度来控制弹出层的显示和隐藏。jQuery的fadeIn()和fadeOut()方法可以轻松...
总结，jQuery弹出层插件为开发者提供了一种快速构建响应式、可自定义弹出层的工具，它的易用性和灵活性使其在网页和移动应用开发中极具价值。理解其工作原理和使用方法，将有助于我们更高效地利用这一资源，提升项目...
本资源“jquery实现非常实用的可拖动弹出层特效.zip”显然是一个利用jQuery来创建可拖动弹出层效果的代码示例。下面将详细介绍这个主题及其相关知识点。 1. jQuery库基础：jQuery是用JavaScript编写的，它的目标是...
这个压缩包"jQuery实现可用于手机端的弹出层提示对话框插件源码.zip"提供了一个专门为手机端优化的jQuery插件，用于创建这些功能。下面我们将深入探讨jQuery、移动适配以及如何利用这个插件来提升手机端网页的交互...
jQuery Webox 是一个功能丰富的弹出层插件，它能够帮助开发者轻松实现各种类型的弹出效果。本文将深入探讨jQuery Webox 的核心功能、使用方法以及提供的源代码分析。 一、jQuery Webox 简介 jQuery Webox 是基于 ...
jQuery UI 提供了强大的拖放API，使得jQuery Portlet能实现元素的自由移动和排列。拖放功能在portlet场景中尤为重要，因为它允许用户根据个人喜好调整portlet的位置，创建个性化的仪表盘布局。 ### 4. 布局管理 ...