文件名称：Bookmark:实现移动书签栏的项目
文件大小：19KB
文件格式：ZIP
更新时间：2024-05-29 08:04:51
JavaScript
＃实施移动书签栏的项目。 适用于所有浏览器。 我在实施过程中严格遵循的规则。 书签栏水平显示项目。 每个项目都有一个图标和一个文本标签。 文本标签可以为空。 每个项目的宽度由其图标图标和文本标签给出，但不能超过给定的最大值。 可以通过拖放将项目重新排列在栏上。 如果鼠标光标在给定阈值内垂直移动，则拖动的项目只能在条形内水平移动。 如果鼠标光标垂直移动超过给定的阈值，则所拖动的项目可以在栏外的两个方向上*移动。 在栏内移动项目时，与被拖动项目的宽度之间的间隙会显示其当前目标位置。 如果间隙的位置需要更新，则其他项目将移动到其更新的位置。 如果将拖动的项目移到栏的外部，则间隙会折叠并且其他项目的位置也会更新。 如果将项目移回栏，则将占位符插入正确的位置，并且只能再次将其水平拖动。 如果用户将项目释放到条形外部，则间隙将插入到先前的位置，然后项目移回到该位置。 平滑
【文件预览】：
Bookmark-master
----bookmark_bar.html(3KB)
----README.md(1KB)
----scripts()
--------gr.png(740B)
--------de.png(483B)
--------iran.png(973B)
--------egypt.png(763B)
--------japan.png(952B)
--------es.png(666B)
--------equador.png(691B)
--------java.js(14KB)
--------en.png(1KB)
--------brazil.jpg(638B)
--------france.png(843B)
--------style.css(868B)
--------norway.png(1KB)
--------india.png(936B)
----.gitattributes(378B)