masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 基于jquery的不规则矩形的排列实现代码_jquery

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

WBOY
Lepaskan： 2016-05-16 17:54:15
asal
1400 orang telah melayarinya

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

复制代码 代码如下:





不规则宽高排列

















































































































Label berkaitan：
tidak teratur segi empat tepat
sumber：php.cn
Artikel sebelumnya：javascript针对DOM的应用实例（一）_DOM Artikel seterusnya：xScrollStick 跟随滚动条漂浮的JS特效_布局与层
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Dapatkan nilai MySQL Sejak semalam saya cuba mendapatkan nilai ini (lihat gambar), saya telah cuba menggunakan ...
daripada 2024-04-06 14:45:26
0
1
376
Menyelesaikan isu binaan pengeluaran komponen web Vue3 Saya cuba memindahkan komponen vue2web saya ke vue3, walaupun masalah timbul apabila saya ...
daripada 2024-04-06 12:43:37
0
1
473
Dapatkan pemberitahuan penyemak imbas daripada sesiapa sahaja kecuali pengesah semasa. pengguna Saya sedang membina aplikasi sembang dengan ReactJS dan saya sudah gila dengan masalah ini...
daripada 2024-04-04 19:01:28
0
1
362
return(); tidak berfungsi untuk 1 laluan tetapi berfungsi untuk laluan yang hampir sama Saya mempunyai 2 laluan, satu untuk berhenti melanggan dan satu untuk memulihkan, kedua-du...
daripada 2024-04-04 17:34:09
0
1
311
isu jQuery.remove() dan array.splice(). Jadi saya mempunyai halaman yang mempunyai senarai item dan senarai beli-belah. Jika anda ...
daripada 2024-04-04 17:21:35
0
1
347
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan