Rumah >hujung hadapan web >tutorial js >Reka letak responsif yang hebat jQuery plug-in Freetile.js_jquery

Reka letak responsif yang hebat jQuery plug-in Freetile.js_jquery

WBOY
WBOYasal
2016-05-16 16:31:071772semak imbas

Demo dalam talian

Kami telah memperkenalkan dua pemalam reka letak responsif yang terkenal: isotop dan masonari Hari ini kami akan memperkenalkan pemalam reka letak responsif yang cukup bagus – Freetile. js, anda juga boleh menggunakannya untuk menjana kesan reka letak dinamik yang hebat. Saya percaya semua orang akan menyukainya!

Ciri Utama

Freetie datang daripada enjin susun atur terbina dalam Assemblage dan Assemblage Plus Reka bentuknya diilhamkan oleh Masonry, VGrid dan Wookmark, tetapi berbanding dengan mereka, ia mempunyai yang berikut. ciri unik:

Membenarkan elemen dalam sebarang saiz dan tidak memerlukan lebar lajur tetap, jadi anda tidak perlu menentukan lebar lajur untuk memenuhi saiz elemen anda Algoritma terbina dalam membolehkan anda menyesuaikan kedudukan sisipan dengan mudah agar sesuai dengan pilihan Paparan yang berbeza kaedah. Contohnya, sejajarkan ke kiri atau kanan, atau dekat dengan elemen tertentu. Kaedah animasi pintar boleh menentukan sama ada kesan khas animasi diperlukan. Contohnya, unsur yang baru ditambah dan unsur yang tidak kelihatan. Selagi laman web yang menggunakan templat Assemblage dan Assemblage Plus menggunakannya, ia adalah sangat stabil. Cara menggunakan

Penggunaan asas:

Kod Js

Salin kod Kod adalah seperti berikut:
$('#container').freetile();

Dayakan kesan animasi:

Kod Js

Salin kod Kod adalah seperti berikut:
$('#container').freetile( {animate: true,elementDelay:30});

Tentukan pemilih elemen tersuai:

Kod Js

Salin kod Kod adalah seperti berikut:
$('#container').freetile( {pemilih: '.thumbs'});

Bukankah ia sangat mudah, jika perlu, anda boleh mengambilnya.

Kenyataan:
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