• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Javascript如何实现自动排序?

php 搞代码 4年前 (2022-01-22) 13次浏览 已收录 0个评论
文章目录[隐藏]

<body>

一个Metro风格的UI网页,如何实现鼠标拖拽某个图标以后其他图标根据被拖拽图标的位置自动排序?
注意:

  1. 图标大小可能不同;

  2. 要求结果得到保留(重载页面以后布局不变);

  3. 不需要考虑兼容性,只需简单讲讲大概思路。

效果就像 Windows10 的开始菜单:

回复内容:

<body>

一个Metro风格的UI网页,如何实现鼠标拖拽某个图标以后其他图标根据被拖拽图标的位置自动排序?
注意:

  1. 图标大小可能不同;

  2. 要求结果得到保留(重载页面以后布局不变);

  3. 不需要考虑兼容性,只需简单讲讲大概思路。

效果就像 Windows10 的开始菜单:

这个根据坐标来吧,一个图标被拖到一个位置,这个图标的坐标就是新位置的坐标,后面受影响的图标的坐2本文来源gaodaima#com搞(代@码$网6

搞gaodaima代码

标减去这个拖动图标的宽度或者宽度

应该有对应的插件吧

个人觉得可以理解为两个位置进行交换,昨天用到一个插件你可以试试”sortable.js”十分小3kb左右,而且很好用

快速的话建议用插件,自己写那我感觉挺牛

官方有实现和文档
metroui: http://metroui.org.ua/
start-screen: http://metroui.org.ua/templat&#8230;


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Javascript如何实现自动排序?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址