Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

基于jquery的不规则矩形的排列实现代码_jquery

WBOY
Freigeben： 2016-05-16 17:54:15
Original
1380 Leute haben es durchsucht

这个东西让我想起了俄罗斯方块，这个实现起来很简单，容器里面所有的块元素用绝对定位排列，如果能放的下就放在这里，如果放不下了，在队列中找到能放得下的元素放置，
实在找不到，则换行排列下一行，具体思路是这样。代码里有详细的注释直接看代码吧。
下面是一个demo:
http://demo.jb51.net/js/2012/sortRect/
代码打包下载 sortRect.rar

复制代码 代码如下:





不规则宽高排列

















































































































Verwandte Etiketten：
不规则 矩形
Quelle：php.cn
Vorheriger Artikel：javascript针对DOM的应用实例（一）_DOM Nächster Artikel：xScrollStick 跟随滚动条漂浮的JS特效_布局与层
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Holen Sie sich den Wert von MySQL Seit gestern versuche ich, diesen Wert zu ermitteln (siehe Bild), ich habe versucht, „mysq...
Aus 2024-04-06 14:45:26
0
1
376
Beheben von Problemen beim Produktions-Build von Vue3-Webkomponenten Ich versuche, meine vue2web-Komponenten auf vue3 zu migrieren, obwohl das Problem auftritt...
Aus 2024-04-06 12:43:37
0
1
473
Erhalten Sie Browserbenachrichtigungen von jedem außer dem aktuellen Authentifikator. Benutzer Ich baue gerade eine Chat-Anwendung mit ReactJS und bin seit zwei Tagen verrückt nach dies...
Aus 2024-04-04 19:01:28
0
1
362
return(); funktioniert nicht für eine Route, funktioniert aber für fast dieselbe Route Ich habe zwei Routen, eine zum Abbestellen und eine zum Wiederherstellen. Beide Routen sin...
Aus 2024-04-04 17:34:09
0
1
311
Probleme mit jQuery.remove() und array.splice() Ich habe also eine Seite mit einer Artikelliste und einer Einkaufsliste. Wenn Sie x Artike...
Aus 2024-04-04 17:21:35
0
1
347
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage