Jadual Kandungan
1. Menu gambar
2. Penstriman imej
3. Instant.js
4. Kotak kaca
5. Medan Carian CSS/JS
6. Pemuatan prototaip
7. jwysiwyg
8. jquery.biggerlink 2
9. Cadangan Tag jQuery
10. Kotak muka
11. Mesej manusia
12. LightWindow v2.0
13. Operasi meja yang tidak mengganggu
14. kotak semak jQuery
15. iCarousel
16. Mocha UI
17. j tip
18.Format bersatu
19. Petua pengesahan
20. Tab kawalan
Rumah hujung hadapan web tutorial js 20 lagi kesan AJAX hebat yang perlu anda ketahui

20 lagi kesan AJAX hebat yang perlu anda ketahui

Sep 04, 2023 pm 03:07 PM

Pada bulan Oktober, kami memukau anda dengan 20 kesan Ajax hebat yang perlu anda ketahui. Siaran ini kemudiannya menjadi salah satu siaran paling popular yang pernah ada di Nettuts+. Kali ini, kami mempunyai lebih daripada dua puluh kesan Ajax yang sama hebat untuk anda ketahui dan cintai.

Menu Imej ialah sekeping JavaScript ringkas yang menggunakan imej untuk membuat menu imej mendatar. Apabila anda menuding pada pautan, imej mengembang untuk mendedahkan seluruh imej. Ia serasi dengan hampir semua pelayar moden (tiada perkataan pada IE 8).

您应该熟悉的另外 20 个出色的 AJAX 效果

2. Penstriman imej

ImageFlow ialah skrip perpustakaan imej JavaScript yang tidak mengganggu dan "mesra pengguna". Ia menampilkan bar skrol yang elegan untuk menyemak imbas imej, yang semuanya terletak di atas pantulan, mencipta kesan aliran penutup seperti Mac.

您应该熟悉的另外 20 个出色的 AJAX 效果

3. Instant.js

Jika anda ingin menambahkan beberapa latar belakang yang menyeronokkan, putaran dan kesan lain pada imej anda, Instant.js mungkin sesuai dengan keperluan anda. JavaScript merosot dengan baik, jadi penyemak imbas yang tidak mendayakan JavaScript tidak akan melihat perbezaannya.

您应该熟悉的另外 20 个出色的 AJAX 效果

4. Kotak kaca

Kita semua pernah mendengar tentang kotak ringan dan juga kotak kelabu, tetapi bagaimana pula dengan kotak kaca? GlassBox ialah perpustakaan antara muka yang bergantung pada Scriptaculous dan Prototaip. Pustaka yang bagus ini akan menambah sempadan lutsinar dan kesan seperti bergemerlapan yang lain. Ia mudah digunakan, boleh dikuliti dan juga menampilkan pemuatan kandungan dinamik.

您应该熟悉的另外 20 个出色的 AJAX 效果

5. Medan Carian CSS/JS

Dari segi interaksi pengguna, medan carian autolengkap sangat berharga. Kadangkala pencari tidak begitu mengetahui apa yang dia cari, jadi apa sahaja yang membantu pengguna mencari dengan tepat apa yang dia cari adalah manfaat yang besar.

CSSGlobe mempunyai tutorial yang sangat bagus tentang cara meningkatkan medan carian tapak web anda (tidak mengganggu, tidak kurang) dengan beberapa CSS dan Ajax.

您应该熟悉的另外 20 个出色的 AJAX 效果

6. Pemuatan prototaip

Memuatkan imej dan medan adalah sangat penting untuk aplikasi web moden menggunakan Ajax. Protoload menyediakan beberapa pilihan terbina dalam untuk membantu menunjukkan kepada pengguna apa yang berlaku semasa menunggu. Skrip menyediakan banyak pilihan seperti tindanan warna untuk memuatkan elemen, teks tersuai dan banyak pilihan lain.

您应该熟悉的另外 20 个出色的 AJAX 效果

7. jwysiwyg

jwysiwyg ialah pemalam JavaScript jQuery WYSIWYG yang ringkas, berkuasa dan sangat ringan. Pemalam ini mempunyai banyak ciri standard editor WYSIWYG dan hanya bersaiz 7kb.

您应该熟悉的另外 20 个出色的 AJAX 效果

Pautan yang lebih besar 2 adalah benar-benar pemalam yang mudah yang memudahkan penciptaan pautan yang lebih besar dan boleh diklik. Ia juga membolehkan anda membenamkan pautan dalam elemen pautan jika itu masuk akal. (Lihat demo untuk maklumat yang lebih jelas.)

Pautan Lebih Besar 2 berjalan pada rangka kerja JavaScript jQuery yang popular.

您应该熟悉的另外 20 个出色的 AJAX 效果

9. Cadangan Tag jQuery

Cadangan teg ialah penggunaan Ajax yang popular dalam aplikasi web moden. Sama seperti kotak carian autolengkap, pemalam Cadangan Tag jQuery ialah pemalam yang mudah digunakan yang menyediakan cara untuk mencari teg yang betul dengan cepat untuk mana-mana aplikasi yang menggunakan teg. Tingkatkan pengalaman pengguna dengan mudah dan berkesan.

您应该熟悉的另外 20 个出色的 AJAX 效果

10. Kotak muka

Facebox ialah skrip peti cahaya unik yang meniru gaya peti cahaya tetingkap modal Facebook. Facebox dibina pada jQuery, kelihatan dan terasa hampir sama seperti antara muka Facebook, dan mudah dipasang.

您应该熟悉的另外 20 个出色的 AJAX 效果

11. Mesej manusia

Humanized Messages ialah pemalam jQuery yang cantik yang melakukan apa yang dicadangkan oleh namanya: ia mencipta mesej mesra pengguna. Pemalam JavaScript melakukan ini dengan mencipta mesej separa telus pada skrin yang hilang dari semasa ke semasa.

您应该熟悉的另外 20 个出色的 AJAX 效果

12. LightWindow v2.0

LightWindow ialah satu lagi pemalam Peti Cahaya, tetapi ia menambahkan beberapa ciri yang nampaknya diabaikan oleh pemalam jenis ini. Sebagai permulaan, pemalam ini membenarkan pemaparan dan penggunaan multimedia dalam peti cahaya. Filem, imej dan juga keseluruhan galeri boleh dipaparkan dalam LightWindow. Sesuai untuk memaparkan multimedia secara diam-diam.

您应该熟悉的另外 20 个出色的 AJAX 效果

13. Operasi meja yang tidak mengganggu

Data jadual selalunya sukar untuk dipaparkan dengan cekap, terutamanya apabila anda ingin membenarkan pengisihan baris dan lajur. Tindakan Jadual Tidak mengganggu ialah sejenis JavaScript yang membenarkan kesan berbeza digunakan pada data jadual. Dengan bantuan skrip kecil ini, anda boleh menyerlahkan baris, lajur, mengisih data dan banyak lagi.

您应该熟悉的另外 20 个出色的 AJAX 效果

14. kotak semak jQuery

Kotak Semak jQuery menambah beberapa helah pada medan kotak semak dalam borang. Ia menambah butang togol yang hampir sama dengan antara muka iPhone, memberikan hidup atau mati yang sangat tersendiri. Kebolehgunaannya sangat baik, dengan kulit dinamik yang boleh dihidupkan atau dimatikan dengan cepat.

您应该熟悉的另外 20 个出色的 AJAX 效果

15. iCarousel

Karusel ialah cara terbaik untuk memutar kandungan seperti imej atau cerita berita. Pemalam iCarousel sesuai dengan bil dan merupakan skrip kecil ringkas yang menyediakan pelbagai pilihan konfigurasi dan penggunaan. Penanda berita, karusel foto dan juga karusel iklan.

您应该熟悉的另外 20 个出色的 AJAX 效果

16. Mocha UI

MochaUI ialah satu lagi perpustakaan UI untuk rangka kerja JavaScript MooTools. MochaUI pada asasnya membina antara muka pengguna yang lengkap untuk tapak web, borang dan widget. Ia termasuk penyemak imbas fail, resizer tetingkap, susun atur panel, susun atur tab dan banyak lagi.

您应该熟悉的另外 20 个出色的 AJAX 效果

17. j tip

jTip ialah konsep ringkas tetapi sangat berkesan untuk meningkatkan fungsi hujung hover. Berdasarkan jQuery, jTip hanya menambah kotak hover yang elegan pada pautan yang diprakonfigurasikan pada halaman, semuanya dengan bantuan beberapa Ajax.

您应该熟悉的另外 20 个出色的 AJAX 效果

18.Format bersatu

Borang telah menyusahkan ramai pembangun web selama ini, dan teknologi seperti Ajax telah meningkatkan pengalaman pengguna dengan ketara. Menggunakan Ajax, anda boleh memproses borang, mengesahkannya dan menghantar respons dalam masa nyata tanpa memuatkan semula halaman. Uni-Form ialah skrip Ajax kecil yang merupakan konsep main balik pemalam yang cuba menyeragamkan penanda borang menggunakan XHTML dan memodulasi borang supaya elemen individu boleh ditambah atau dialih keluar dengan mudah.

您应该熟悉的另外 20 个出色的 AJAX 效果

19. Petua pengesahan

Gesaan pengesahan ialah skrip ringkas yang membantu dengan pengesahan borang. Ia memastikan bahawa kata laluan dan medan nama pengguna adalah panjang yang ditentukan dan juga boleh mengesahkan berdasarkan ungkapan biasa. Kecil dan selesa.

您应该熟悉的另外 20 个出色的 AJAX 效果

20. Tab kawalan

Control Tabs (sebahagian daripada UI LivePipe yang berkuasa) ialah skrip hebat yang menyediakan pelbagai cara untuk mengkonfigurasi tab pada halaman anda. Anda boleh menggunakan antara muka tab standard atau menggunakan sesuatu seperti imej untuk memaparkan tab. Tab Kawalan ialah skrip yang berkuasa dan juga mempunyai API untuk memperhalusi antara muka tab.

您应该熟悉的另外 20 个出色的 AJAX 效果

Atas ialah kandungan terperinci 20 lagi kesan AJAX hebat yang perlu anda ketahui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Ganti aksara rentetan dalam javascript Ganti aksara rentetan dalam javascript Mar 11, 2025 am 12:07 AM

Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi

Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri? Mar 18, 2025 pm 03:12 PM

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas? Bagaimanakah saya mengoptimumkan kod JavaScript untuk prestasi dalam penyemak imbas? Mar 18, 2025 pm 03:14 PM

Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.

Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar? Bagaimanakah saya boleh debug kod javascript dengan berkesan menggunakan alat pemaju pelayar? Mar 18, 2025 pm 03:16 PM

Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.

kesan matriks jQuery kesan matriks jQuery Mar 10, 2025 am 12:52 AM

Bawa kesan filem matriks ke halaman anda! Ini adalah plugin jQuery yang sejuk berdasarkan filem terkenal "The Matrix". Plugin mensimulasikan kesan aksara hijau klasik dalam filem, dan hanya pilih gambar dan plugin akan mengubahnya menjadi gambar gaya matriks yang diisi dengan aksara angka. Datang dan cuba, sangat menarik! Bagaimana ia berfungsi Plugin memuat imej ke kanvas dan membaca nilai piksel dan warna: data = ctx.getimagedata (x, y, settings.grainsize, settings.grainsize) .data Plugin dengan bijak membaca kawasan segi empat tepat gambar dan menggunakan jQuery untuk mengira warna purata setiap kawasan. Kemudian, gunakan

10 cara untuk meningkatkan prestasi jQuery anda dengan serta -merta 10 cara untuk meningkatkan prestasi jQuery anda dengan serta -merta Mar 11, 2025 am 12:15 AM

Artikel ini menggariskan sepuluh langkah mudah untuk meningkatkan prestasi skrip anda dengan ketara. Teknik -teknik ini adalah mudah dan boleh digunakan untuk semua tahap kemahiran. Tetap dikemas kini: Gunakan pengurus pakej seperti npm dengan bundler seperti Vite untuk memastikan

Meningkatkan markup struktur dengan JavaScript Meningkatkan markup struktur dengan JavaScript Mar 10, 2025 am 12:18 AM

Mata utama yang dipertingkatkan penandaan berstruktur dengan JavaScript dapat meningkatkan kebolehcapaian dan pemeliharaan kandungan laman web sambil mengurangkan saiz fail. JavaScript boleh digunakan secara berkesan untuk menambah fungsi secara dinamik ke elemen HTML, seperti menggunakan atribut CITE untuk memasukkan pautan rujukan secara automatik ke dalam rujukan blok. Mengintegrasikan JavaScript dengan tag berstruktur membolehkan anda membuat antara muka pengguna yang dinamik, seperti panel tab yang tidak memerlukan penyegaran halaman. Adalah penting untuk memastikan bahawa peningkatan JavaScript tidak menghalang fungsi asas laman web; Teknologi JavaScript Lanjutan boleh digunakan (

Cara Membina Slider JQuery Mudah Cara Membina Slider JQuery Mudah Mar 11, 2025 am 12:19 AM

Artikel ini akan membimbing anda untuk membuat karusel gambar mudah menggunakan perpustakaan jQuery. Kami akan menggunakan perpustakaan BXSlider, yang dibina di atas jQuery dan menyediakan banyak pilihan konfigurasi untuk menubuhkan karusel. Pada masa kini, Gambar Carousel telah menjadi ciri yang mesti ada di laman web - satu gambar lebih baik daripada seribu perkataan! Selepas membuat keputusan untuk menggunakan karusel gambar, soalan seterusnya adalah bagaimana untuk menciptanya. Pertama, anda perlu mengumpul gambar-gambar resolusi tinggi yang berkualiti tinggi. Seterusnya, anda perlu membuat karusel gambar menggunakan HTML dan beberapa kod JavaScript. Terdapat banyak perpustakaan di web yang dapat membantu anda membuat karusel dengan cara yang berbeza. Kami akan menggunakan Perpustakaan BXSlider Sumber Terbuka. Perpustakaan BXSlider menyokong reka bentuk responsif, jadi karusel yang dibina dengan perpustakaan ini dapat disesuaikan dengan mana -mana

See all articles