对于坦克大战中的坦克,我们需要做一个如下图所示的生命条。 1\UI Slider 需要用到 UI组件 -Slider Slider本身是一个可拖动的进度条,分为三部分 Background 背景(底部层) FillArea(填充层 ) Handle Slide Area(滑动条) 这次用不着 Han ...
分类:
编程语言 时间:
2016-08-23 16:43:46
阅读次数:
191
最近工作中遇到Window Ghosting这个问题, 感觉挺有意思,这里简单记录下。 在XP时代我们的程序没有响应后只能通过任务管理器强制杀掉,但是Vista之后情况变了, 我们仍然可以拖动失去响应的窗口,甚至可以尝试最小化和关闭窗口, 我们把这个特性叫住Window Ghosting。 首先我们 ...
分类:
移动开发 时间:
2016-08-19 00:53:34
阅读次数:
243
HTML5 元素拖动 1、拖动元素img的相关设置: 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 ondragstart="drag(event)" 图片元素可拖动的完整代码 HTML: <img id="drag1" src="images/ycbt1.JP ...
分类:
Web程序 时间:
2016-08-14 16:15:49
阅读次数:
220
虽然这是在2D ToolKit上实现的,但是下面会尽量写的通用一点。 所谓的DynamicList,指的是如果有一个Scrollview,里面的item太多。需要实例化很多个item且每帧需要处理每个item的数据。 这时候为了减少性能压力会做成一个循环的List,通过最后一个与第一个item的位置 ...
分类:
编程语言 时间:
2016-08-04 19:23:06
阅读次数:
1043
首先,为了使元素可拖动,把 draggable 属性设置为 true: dataTransfer.setData() 方法设置被拖数据的数据类型和值: 在这个例子中,数据类型是 "Text",值是可拖动元素的 id ("drag1")。 ondragover 事件规定在何处放置被拖动的数据。 默认地 ...
分类:
Web程序 时间:
2016-07-24 16:21:11
阅读次数:
155
前几天做的一个仿To圈个人资料界面的实现效果
下面是To圈的效果Gif图:
做这个东西其实也花了一下午的时间,一开始思路一直没理清楚,就开始盲目的去做,结果反而事倍功半。
以后要吸取教训,先详细思考清楚其中的逻辑关系,然后再开始动手写代码,这样比较容易理顺。
可以看到实现这个效果还是不难的,得分成以下三个步骤:
1:首先要有一个可拖动的详细资料布局(下半部分)。
2:上...
分类:
移动开发 时间:
2016-07-23 15:24:19
阅读次数:
365
之前实现过一个仿支付宝界面的代码,可拖动网格视图。...
分类:
其他好文 时间:
2016-07-18 20:24:41
阅读次数:
453
开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例。 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法。该弹框使用了jquery-ui中的draggable方法,可拖动。 目录结构如下: 下面是案例代码 ...
分类:
Web程序 时间:
2016-07-08 00:02:45
阅读次数:
1250
本文为大家介绍下使用html+javascript实现可拖动弹出层、对话框、可提交,具体代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助 效果如下图: ...
分类:
编程语言 时间:
2016-07-07 17:18:11
阅读次数:
259
$(function(){ $("#box1").resizable({ // disable: true, // handles: 'e,s', //n:上 e:右 s:下 w:左 ne,se,sw,nw all 控制可拖动位置 //minWidth:200,// 最小宽度, minHeight ...
分类:
其他好文 时间:
2016-07-03 17:08:46
阅读次数:
166