文章关键字 ‘drop’

拖拽献祭中的黑山羊-DataTransfer对象

2018年09月30日,星期日

解构datatransfer对象

伟大的安兹·乌尔·恭释放了一个超位魔法——拖拽献祭中的黑山羊魔法!凡是不能手写页面元素拖拽效果者,即死,需10日才能复活!顿时,无数前端手足无措,惊恐万分,仓皇而逃,但终究难逃一死。此时,一位小白前端横空出世,靠着解构此魔法的关键DataTransfer对象,破解了这个超位魔法,挽救了无数的前端开发,而其破解的详细信息已经记录在这篇文章中……

阅读全文…

微信网页悬浮窗交互效果的web实现

2018年06月6日,星期三

微信更新后,发现多了个悬浮窗功能。公众号阅读,网页浏览回退后默认会出现。再点击,可以回到刚才阅读的地方。于是,再也不会遇到回复老婆的信息,再切换回来重新找刚才阅读东西的麻烦了。我个人觉得是很有用的一个功能。

其交互效果,也被不少人称赞。例如,窗口会收缩到悬浮按钮中,悬浮按钮可以拖到右下角取消浮窗。这些交互效果呢,使用web前端技术也是可以实现,有demo,有截图,有必要的源代码展示,希望本文的内容能够对您的学习有所帮助。

阅读全文…

基于HTML5 drag/drop模块拖动插入排序删除完整实例

2016年11月15日,星期二

做了个基于HTML5 drag/drop模块拖动插入排序删除完整demo,非常适合作为学习案例,以及在此基础上定制属于自己的模块拖拽功能。

希望本文的内容可以帮助一些小伙伴节约开发时间和成本。

阅读全文…

HTML5 drag & drop 拖拽与拖放简介

2011年02月9日,星期三

本文简单介绍了下利用HTML5 drag & drop API非常简单轻松地实现拖拽与拖放效果。提供一些关键术语的讲解,提供简单实用的demo页面,提供必要的源代码展示和效果截图。总之,希望能对您的学习有所帮助。

阅读全文…