可拖出窗口的jQuery - 腾讯云开发者社区

文章/答案/技术大牛

发布

Flex 可以拖出窗口的panel 拖动panel变为窗口

项目的需要，需要把Panel拖动，而且需要可以拖出窗口，变为独立的窗体。众所周知，panel本来是不能拖出原来的窗体的。需要做成可以拖出去的，肯定只能用点小技巧。...我的做法是： 1、做一个透明window，只有灰色边框 2、拖动panel的时候显示这个window，并拖动这个window（panel实际上没有动过） 3、放开鼠标的时候，判断这个被拖的window的位置...，如果在原窗口外就生成一个独立window~~~ demo见这里：拖动Panel变Window.rar 够无私奉献的啦~~附件是flash builder的项目~~欢迎大家留言~~

1.4K4 0

jQuery的弹出窗口插件colorbox

Example:$(‘h1’).colorbox({href:”welcome.html”}) 这个用来设置一个锚标记的值或者一个不是锚的元素，例如图像或者表单的按钮，例如： title false...这可以为Colorbox设置一个标题 rel false Example:$(‘#example a’).colorbox({rel:’group1′}) 这个可以根据元素的rel属性设置要显示的元素集合...true，元素会在Iframe中显示 inline false Example: $(“#inline”).colorbox({inline:true, href:”#myForm”}); 如果是true,jQuery...选择器可以用来选择要显示的元素。...“previous” “上一个”按钮的文本 next “next” “下一个”按钮的文本 close “close” “关闭”按钮的文本

7.6K4 1

您找到你想要的搜索结果了吗？

是的

没有找到

jquery 模态窗口弹出窗 simpleModal

/www.ericmmartin.com/projects/simplemodal-demos/">Modal 一个简单的遮罩层.../scripts/jquery.js" > jquery.simplemodal.js'> jQuery(function ( ('.open-basic-dialog-ok').click(function (e) { ('.open-basic-dialog-warn

8.1K0 0

表分区“拖出”的性能Error

服务于公司华南区多个客户，曾参与过国内多家股份制银行、城市商业银行的核心业务系统、数据仓库的部署建设和生产运维工作，在数据库故障诊断、运维监控、性能优化方面积累了丰富的经验。...根据客户提供的sql_id，分析该sql_id的执行计划，走错了索引。...SQL执行过，没有发生新的SQL解析，产生新的正确的执行计划。...这里引出了一个新的问题：为什么分区初始的统计信息，第一次split分区后，分区初始的统计信息是空，而之后的split分区操作新分区的统计信息却是0呢？...通过反复实验、仔细对比观察，原来是split产生的新分区的初始统计信息继承了split操作的源分区的统计信息。

9927 0

js、jQuery 获取文档、窗口、元素的各种值

基于两年开发经验，总结了 javascript、jQuery 获取窗口、文档、元素的各种值 javascript：文档：是整个document所有的内容浏览器当前窗口文档body的宽度： document.body.clientWidth...;(仅仅是body的width) 浏览器当前窗口文档body的高度： document.body.clientHeight;(仅仅是body的height) 浏览器当前窗口文档body的宽度： document.body.offsetWidth...： window.screen.width 屏幕可用工作区高度： window.screen.availHeight 屏幕可用工作区宽度： window.screen.availWidth jQuery...：$(document).height(); 获取页面的文档宽度：$(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height(); 浏览器当前窗口文档...（其值不会受滚动条影响，相对于滚动条当前的位置的浏览窗口的Y值）注意clientY和pageY的区别，pageY在页面无滚动条或滚动条下拉0的情况下值等同于clientY event.offsetX

17.6K3 2

jquery 列表可拖动排序 sortable

1999/xhtml"> jQuery.../scripts/jquery.js"> jquery.ui.core.js"> jquery.ui.widget.js"> jquery.ui.mouse.js"> jquery.ui.sortable.js">... ("#myList").sortable({delay:1}); //直接让myList下的元素可以拖动排序

3.2K0 0

Jquery实现可拖拽的树菜单「建议收藏」

效果图例如以下所看到的：下载地址http://download.csdn.net/detail/javaquentin/8290417 Jquery...可拖拽树 ...0 0; cursor: pointer; } jquery... //移动前：同级->在源节点当前拖拽时的前个元素下的

5.1K3 0

如何使用jQuery操作浏览器窗口事件？【jQuery框架应用入门15】

本文主要针对浏览器的窗口事件做一些简要介绍，只在让读者可以入门操作bom有关的事件。...在浏览网页最常见的就是浏览器的窗口产生的事件，比如浏览器大小变化时发生的resize事件；浏览器滚动条变化时发生的scroll事件。...这些事件在浏览器窗口比较直观，但实际上这两种情况也可以发生在html元素的某个节点上。本节以较为直观的浏览器窗口事件为例来说明jQuery中窗口事件的使用。案例源代码：网页预览效果如图5-22所示：图5-22页面效果在jQuery中的scroll事件是当滚轮出现时，用户使用鼠标滚轮滚动或者点击滚动条滚动才会发生的事件。...当在使用resize事件的时候，要注意检测浏览器窗口要将节点绑定到window上，而不是document节点。当使用scroll滚动事件的时候，绑定事件的容器要有滚动条变化才会发生。

1K1 0

使用 jQuery 在新窗口打开外部链接

我们一般都希望在新窗口打开外部链接，这样用户就不需要离开网站就能访问外部链接，但是如果每个外部链接都手工加上新窗口打开的属性（target="_blank"）的话，会让人非常抓狂。...使用 jQuery，我们只需要几行代码就能在新窗口中打开外部链接。 1....并且不包含当前域名（location.hostname）的链接（a）标签。...这样我们就不会获取任何相对路径或者绝对连接中含有当前域名的内部连接。 2....让外部链接在新窗口打开如果你想外部链接在新窗口打开，继续增加如下一行代码： $("a[href*='http://']:not([href*='"+location.hostname+"']),[href

3.9K2 0

jQuery实现可拖动控制进度条

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> jQuery...可拖动控制进度条 .demo { width: 350px;..." /> jquery/3.4.1/jquery.min.js"> <script...* * @author Nitin Hayaran * @version 0.1-RELEASE * * Dependencies * ------------ * jQuery (http...://jquery.com) * **/ ; (function($, window, document, undefined) { 'use strict'; var jRange

5.7K2 0

jQuery实现可拖动控制进度条

4290 0

jquery 绑定事件 - resize() 浏览器窗口的大小发生改变

进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件指定处理函数 ready() DOM加载完成 resize() 浏览器窗口的大小发生改变...scroll() 滚动条的位置发生变化 submit() 用户递交表单 resize() 浏览器窗口的大小发生改变其实大部分resize()方法是用于响应式布局调整屏幕大小的时候进行触发处理的。...这里就不写那么复杂的事情，只写一下当浏览器窗口变化的时候，触发resize()事件看看。...html> jquery.../jquery-3.3.1.min.js"> $(function(){

3.1K2 0

js或jquery实现页面打印可局部打印

1、js实现（可实现局部打印）代码如下: js打印 .noprint{display : none } 不需要打印的地方...--startprint1-->要打印的内容 3、jQuery实现（支持局部打印）代码如下: jquery-1.6.4.js"> $(function(){ $("input#biuuu_button").click(function(){ $("div#

9.7K2 0

JQuery 获取元素到浏览器可视窗口边缘的距离

测试环境 JQuery-3.2.1.min.js 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js...需求场景实现需求：如下，获取tab标签页到页面底端的距离前提：tab标签元素自身不携带滚动条 3....（如果页面刚加载完，这时还没打开tab页，会出现容器高度为0的情况 var offsetTop = contentContainer.offset().top; //容器距离document顶部的距离...scrollHieght = $(document).scrollTop(); // 滚动条高度 var windownHeight = $(window).height(); //浏览器可视窗口的高度...// 获取tab页面内容容器高度 var h = windownHeight - (offsetTop-scrollHieght) - elementHeight; } 注意：当改变浏览器窗口高度时

3.2K2 0

jquery 日期组件编辑保存可自定义扩展

主体是一个日期, 可以切换,年月, 点击编辑会在每个日期下,有个选择框点击保存会获取当前月份的表单数据当前日高亮代码链接 https://download.csdn.net/download/github

1K2 0

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

测试环境 JQuery-3.2.1.min.js 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js...需求场景1 实现需求：如下图，点击左侧的导航，打开对应tab页面，其中tab页面的内容为 iframe，这里希望iframe的高度和宽度，根据浏览器窗口大小变化而变化，同时页面内容过多，或者过宽时，出现...}); } 说明： window.innerHeight 获取浏览器窗口的高度-去掉浏览器地址栏，书签栏的可视区域的高度，包括横向滚动条的高度。...JavaScript”，以上代码也可以使用JQuery的$(window).resize(function)等效实现。...当调整浏览器窗口的大小时，发生 resize 事件。

7.9K2 0

jquery 列表可拖动排序，并把排序发送给后台

列表可拖动排序，并把排序发送给后台 ? image.png jQuery.../scripts/jquery.js"> jquery.ui.core.js"> jquery.ui.widget.js"> jquery.ui.mouse.js"> jquery.ui.sortable.js">

1.9K0 0

利用 WM_NCHITTEST 消息自定义窗口可拖动区域

这其中就涉及到一些原生应用的功能比如拖动窗口的功能是需要原生窗口提供的，微软提供拖动窗口的机制如此文章所描述：https://www.cnblogs.com/GnagWang/archive/2010/...图片此文章是微软的相关介绍：https://msdn.microsoft.com/en-us/data/923b34d9(v=vs.85)，其中包含了 WM_NCHITTEST 消息所有可返回的值。...除了这些，需求中还有更变态的想法，那就是窗口左侧 300 像素要求可拖动高度是 20 像素，右侧可拖动高度是 50 像素，这也能实现吗？...OnNcHitTest 方法（处理 WM_NCHITTEST 消息），根据窗口切分的百分比 persent 值分割窗口左右两侧，生成左侧和右侧两个矩形的 rect。...以上方法即可实现控制不同区域让窗口可以拖动的效果，如果有其他需求欢迎大家讨论。

3963 0

利用 WM_NCHITTEST 消息自定义窗口可拖动区域

这其中就涉及到一些原生应用的功能比如拖动窗口的功能是需要原生窗口提供的，微软提供拖动窗口的机制如此文章所描述：https://www.cnblogs.com/GnagWang/archive/2010/...除了这些，需求中还有更变态的想法，那就是窗口左侧 300 像素要求可拖动高度是 20 像素，右侧可拖动高度是 50 像素，这也能实现吗？...GetClientRect(GetHWND(), &rcClient); rcClient.Deflate(m_shadow.GetShadowCorner()); // 左侧可拖动区域位置...OnNcHitTest 方法（处理 WM_NCHITTEST 消息），根据窗口切分的百分比 persent 值分割窗口左右两侧，生成左侧和右侧两个矩形的 rect。...以上方法即可实现控制不同区域让窗口可以拖动的效果，如果有其他需求欢迎大家讨论。相关

2.4K2 0

JQuery笔记（三） jquery的用途

近期jquery的学习经历了一些反复：开始时觉得非常强大，比js好用，和css关系密切，一句话：完美。等到把《锋利的JQuery》看完，又有点不知道用它来干嘛了。...不过，最近我算找到了我能够用到JQuery的地方：界面控制。我一直想找到一种比较适合自己的B/S的界面控制方式，要求是简单和灵活。...界面模板也充满了复杂的css。　　而jquery却可以实现这样的效果：所有的数据获取功能在服务器端完成，而界面控制，放到js代码中，在客户端去实现，即使界面控制失败了，重要的数据仍然可以看到。...JQuery的优势（和css关系密切，强大的控制功能）恰好可以胜任。　　今天尝试了一下最常用的一个东西：折叠菜单。...实现了以下功能：数据是纯粹的DIV，UL结构，没有任何的特定的东西，如：特定的命名方式、内嵌的处理代码等。实现了最多三级的菜单折叠（给定的数据有几级就显示几级）自动查找图标。

2.3K9 0

点击加载更多

Flex 可以拖出窗口的panel 拖动panel变为窗口

jQuery的弹出窗口插件colorbox

jquery 模态窗口弹出窗 simpleModal

表分区“拖出”的性能Error

js、jQuery 获取文档、窗口、元素的各种值

jquery 列表可拖动排序 sortable

Jquery实现可拖拽的树菜单「建议收藏」

如何使用jQuery操作浏览器窗口事件？【jQuery框架应用入门15】

使用 jQuery 在新窗口打开外部链接

jQuery实现可拖动控制进度条

jQuery实现可拖动控制进度条

jquery 绑定事件 - resize() 浏览器窗口的大小发生改变

js或jquery实现页面打印可局部打印

JQuery 获取元素到浏览器可视窗口边缘的距离

jquery 日期组件编辑保存可自定义扩展

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

jquery 列表可拖动排序，并把排序发送给后台

利用 WM_NCHITTEST 消息自定义窗口可拖动区域

利用 WM_NCHITTEST 消息自定义窗口可拖动区域

JQuery笔记（三） jquery的用途

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐