您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. 将元素显示到屏幕正中间

  2. 将一个HTML元素显示到屏幕的正中间,并且当浏览器窗口大小改变及拖动滚动条时,元素依然保持在正中间。
  3. 所属分类:Web开发

    • 发布日期:2009-07-23
    • 文件大小:8kb
    • 提供者:zk2210974
  1. 2 个 SVG 拖拽示例代码

  2. 使用svg有一段时间了,对于svg的拖动事件一直没办法解决,最后找到一个解决办法,虽然不是原创,但是对大家肯定有用(特别是跟我一样在此问题一直苦恼的童鞋),压缩包里有2个文件,一个是拖动单个元素的,一个是整体拖动的,自己看看有什么区别,不多讲了,整体拖动的是我在项目里用到了,是对第一个单个拖动的改良
  3. 所属分类:Web开发

    • 发布日期:2012-04-28
    • 文件大小:22kb
    • 提供者:jerry_008808
  1. jQuery实现可拖拽删除小图标回收站 源码程序

  2. 利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素,需要拖动应用图标至垃圾箱即可删除这个图标。主要包括HTML代码、CSS3代码以及jQuery代码。HTML代码主要定义了一个回收站文件夹的容器,以及各个小图标的图片。
  3. 所属分类:HTML5

    • 发布日期:2014-08-20
    • 文件大小:183kb
    • 提供者:baidu_17433251
  1. jQuery实现可拖拽删除小图标回收站

  2. 利用jQuery内部封装的拖拽接口即可简单实现在网页上拖拽任意元素,需要拖动应用图标至垃圾箱即可删除这个图标。主要包括HTML代码、CSS3代码以及jQuery代码。HTML代码主要定义了一个回收站文件夹的容器,以及各个小图标的图片。
  3. 所属分类:Javascript

    • 发布日期:2015-04-02
    • 文件大小:183kb
    • 提供者:trfdzw
  1. PinPKM-V201525(官网发布的最后一个免费无使用限制版本)

  2. 文档大师,原名针式PKM是一款专业的个人文档管理软件,以个人知识管理理念作为指导。 提供和Everything一样快的文件名搜索、文档全文快速搜索、多种文档归类方法、公式等功能, 帮助用户更轻松养成“将文档内化为头脑中的知识”的习惯的客户端软件。 简介概况 2007年,针式PKM 对外发布V1.0版,2012年发布V9.6版,2013年发布V2013版,2015年发布V2015版。2015年4月17日改名为文档大师 1.版本兼容原则 新版本的针式PKM总是兼容旧版的知识库,即旧版软件创建的知识
  3. 所属分类:其它

    • 发布日期:2015-11-08
    • 文件大小:20mb
    • 提供者:h9s
  1. 《HTML+CSS+javascript实用详解》随书实例

  2. 第3章(\chapter3) 示例描述:本章演示网页的整体设置。 base.htm 基元信息设置。 body.htm 页面主体背景颜色设置。 body_bg.htm 页面主体背景图片设置。 body_bg2.htm 页面主体背景图片样式设置。 index.htm 第一个网页的制作示例(第2章)。 margin.htm 页面边距设置。 tips.htm HTML代码注释设置。 title.htm 页面标题设置。 第4章(\chapter4) 示例描述:本章演示网页的整体设置。 a.htm 超级链
  3. 所属分类:Web开发

    • 发布日期:2009-02-18
    • 文件大小:9mb
    • 提供者:begodliker
  1. js cavans截图,指定元素截图

  2. 这是一个通过cavans局部截图的实例,通过指定元素截取目标html样式,不需要手动拖动等操作,直接出发调用即可,可根据自己业务进行修改
  3. 所属分类:Javascript

    • 发布日期:2018-09-06
    • 文件大小:63kb
    • 提供者:g363271727
  1. htmlDragDemo.html

  2. 一个简单拖放Demo,可以左侧的列表中拖动元素至右侧table的单元格中,使用javascr ipt实现
  3. 所属分类:Web开发

    • 发布日期:2020-05-25
    • 文件大小:3kb
    • 提供者:dahailuo
  1. 浅谈js原生拖放

  2. 可拖动 网页中的图像、链接和文本是浏览器默认可以被拖动的,HTML5 为所有的HTML元素都提供了一个draggable属性,当这个属性的值为true的时候,元素被视为可以拖动。 拖动图像或者链接时,将鼠标放在图像或者链接上,按住鼠标不放就可以拖动它。拖动文本时,要先选中文本,然后可以像拖动图像一样拖动选中的文本。 被拖动的元素事件 拖动图片时依次触发:drapstart,drag,dragend事件。这三个事件的目标都是被拖动的元素。 按下鼠标键并开始移动鼠标时,会在被拖放元素上触发drags
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:78kb
    • 提供者:weixin_38552536
  1. JQuery拖动表头边框线调整表格列宽效果代码

  2. 类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。 首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到。 为了能在所有需要该效果的页面使用,并且不需要更改页面任何HTML,我把所有的代码整合在 $(document).ready(function() {}); 中,并写入一个独立的JS文件。
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:56kb
    • 提供者:weixin_38630697
  1. js实现图片拖动改变顺序附图

  2. 在web页面中,需要改变多个元素的位置,可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable,通过设置true/false来控制元素是否可拖动。 下面以图片拖动为例,用jQuery来实现:页面上有多个图片,把一个图片拖动到其他两个图片中间,就可以将这个图片的位置插入到两图之间。 代码如下: .img-div img { width:200px; height:200px; float: left; } .img-div { float: left; } .drop-
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:165kb
    • 提供者:weixin_38730821
  1. jQueryUI写一个调整分类的拖放效果实现代码

  2. 所以还是自己动手丰衣足食,还是坚持简单就是美的代码风格。 试试在ifr a me里嵌入一个测试页面,你可以使用鼠标拖动项目,调整分类: 当然,这并不是我要的最终效果,只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上,还要增加自动排序,位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下,如要复制,请先查看纯文本版本! 代码如下: Drag & Drop Test <meta http-equiv=”content-ty
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:42kb
    • 提供者:weixin_38697557
  1. JQuery表格拖动调整列宽效果(自己动手写的)

  2. 类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。 首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到。 为了能在所有需要该效果的页面使用,并且不需要更改页面任何HTML,我把所有的代码整合在 $(document).ready(function() {}); 中,并写入一个独立的JS文件。
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:54kb
    • 提供者:weixin_38743968
  1. js 可拖动列表实现代码

  2. 补充一点: 要禁止移动中选中文字,FF可以设置CSS xxxx{-moz-user-select:none;} 其他的浏览器可以设置 XXXX.onselectstart = function(){return false} 一种实现原理就是点击没目标元素之后,创建一个占位元素(或者复制一份目标元素,即拷贝B),然后拖动目标元素(或者复制的来的新元素B); 找到相应的位置之后,插入目标元素。清除占位元素或者B。 比如有一个列表: 代码如下: <!DOCTYPE html PUBLIC “
  3. 所属分类:其它

    • 发布日期:2020-12-12
    • 文件大小:73kb
    • 提供者:weixin_38716556
  1. ng-drag-drop:拖放到Angular-基于HTML5,没有外部依赖项-源码

  2. 角度拖放 :warning_selector: 停产通知 大约2年前,我创建了此组件以支持Angular中HTML本机拖放。 当时只有少数几个库,而且它们没有我想要的功能。 今天,随着Angular 7和CDK的拖放组件的发布,我们终于有了一个更好的替代组件。 请使用。 基于HTML5且无外部依赖项的拖放。 提供draggable和droppable指令。 特征: 将数据从draggable传输到droppable draggable 。 根据拖放范围限制拖放。 限制拖动发生在拖动手柄
  3. 所属分类:其它

    • 发布日期:2021-01-31
    • 文件大小:322kb
    • 提供者:weixin_42102272
  1. 拖动一个HTML元素

  2. [removed] var iMouseDown = false; var dragObject = null; Number.prototype.NaN0=function(){return isNaN(this)?0:this;} // Demo 0 variables var DragDrops = []; var curTarget = null; var lastTarget = null; function makeDraggable(item){   if(!item) retur
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:20kb
    • 提供者:weixin_38599537
  1. HTML 全局属性

  2. HTML 全局属性   New : HTML5 新属性。 属性 描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名(classname) contenteditableNew 规定是否可编辑元素的内容。 contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 data-*New 用于存储页面的自定义数据 dir 设置元素中内容的文本方向。 draggableNew 指定某个元素是否可以拖动 dr
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:29kb
    • 提供者:weixin_38742291
  1. 基于JavaScript 实现拖放功能

  2. HTML 的拖放 API 依赖 DOM 事件模型,获取拖放和放置元素的相关信息,以此实现拖放功能。我们只需要注册很少几个事件监听器,就能把任何元素变成可拖动或可放置的。 拖放 API 除了提供基本的拖放功能接口外,还可以在拖放之外提供选择,用来自定义行为。比如,可以修改拖放元素的 CSS 样式。或者,我们不移动元素,拖动的时候,复制一个副本,拖放结束后,我们就会多了一个同样的元素。 本篇只介绍实现基本的拖放功能。 将元素设置成可拖动的 我们先从拖动元素开始。假设我们有一个容器元素,其中包含两种类
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:113kb
    • 提供者:weixin_38697557
  1. 谈谈对JavaScript原生拖放的深入理解

  2. 前面的话   拖放(drag-and-drop,DnD)其实是两个动作——拖和放。所以,它涉及到两个元素。一个是被拖的元素,称为拖放源;另一个是要放的目标,称为拖放目标。本文将通过拆分这两个概念来详细介绍原生拖放 拖放源   什么样的元素才是拖放源呢?   HTML5为所有HTML元素规定了一个draggable属性,表示元素是否可以拖动   图像和链接的draggable属性自动被设置成了true,而其他元素这个属性的默认值都是false   [注意]必须设置draggable=’
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:84kb
    • 提供者:weixin_38569675
  1. vue中实现拖动调整左右两侧div的宽度的示例代码

  2. 写在最前 最近在使用vue的时候,遇到一个需求,实现左右div可通过中间部分拖拽调整宽度,类似于这样 这是我最终的实现效果 还是老话,因为我不是专业的前端工程师,只是兼职写一些简单的前端,所以这个功能的实现得益于以下博客,《vue 拖动调整左右两侧div的宽度》、《vuejs中拖动改变元素宽度实现宽度自适应大小》,而我只是针对于他们提供的代码,加了亿点点自己所需要的细节。 实现原理 如上图所示,我们需要将要实现此功能的页面划分为三个部分,左部、调整区、右部,分别对应css样式为left、r
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:311kb
    • 提供者:weixin_38622849
« 12 3 4 5 »