Menggunakan jQuery untuk Menambah Halaman Web Biasa

jquery

JavaScript bukanlah bahasa yang paling mudah dipelajari. Banyak pembangun web yang memahami HTML standard agak terintimidasi olehnya. Rangka kerja JavaScript generasi baru sudah lama wujud dan mula melangkah ke laman web dengan pantas.

Semua penyemak imbas moden dapat menjalankan JavaScript dengan cekap (beberapa pengubahsuaian terkini untuk Firefox walaupun telah mempercepat enjin mereka). Saya sangat mengesyorkan memuat turun dan menggunakan Firefox - the plugin sahaja menjadikannya tidak ternilai.

jQuery adalah kerangka kerja JavaScript yang sering saya eksperimen dengan baru-baru ini. Semasa saya meletakkan placeholder untuk permulaan baru, kami tidak mempunyai cukup kandungan untuk laman web penuh tetapi kami mahu menyediakan halaman yang bagus yang menggambarkan apa yang akan datang. Dan kami mahu melakukannya dalam beberapa minit!

jQuery hanya melakukan muslihat.

Lakukan carian untuk jQuery + hampir apa sahaja, dan anda juga akan mendapati bahawa pembangun telah membina penyelesaian, yang dipanggil pemalam, yang sudah siap untuk digunakan! Dalam kes ini, saya mencari "jQuery carousel" dan menemui yang hebat dan menyeluruh Penyelesaian karusel jQuery di Dynamic Drive.

Satu lagi perkara baik mengenai jQuery adalah bahawa ia adalah kod kini dihoskan oleh Google. Hasilnya, anda tidak perlu memuat naik jQuery ke pelayan anda sendiri, dan pembaca laman web anda juga tidak perlu memuat turunnya setiap kali. Sekiranya mereka pernah ke satu laman web dengan merujuk kepada jQuery, laman web ini akan disimpan secara automatik untuk digunakan dengan laman web anda!

Cukup tambahkan kod di dalam tag kepala anda dan anda mula menggunakan jQuery:


Untuk menjalankan carousel, saya perlu memuat naik dan merujuk skrip stepcarousel:


Selepas itu, mengubah halaman adalah mudah! Saya meletakkan karusel saya dalam div yang dipanggil mygallery dan jalur panel dalam div dipanggil tali pinggang. Saya kemudian menambah sebahagian kecil kod tetapan dalam tag badan saya.

Anda boleh menyesuaikan tindakan sedikit. Dalam kes ini saya mengubah suai skrip agar berjalan secara automatik ketika halaman dimuat. Saya menyesuaikan kelajuan dan jangka masa setiap panel ditampilkan, serta butang untuk memutar panel secara manual ke kiri dan ke kanan. Satu lagi ciri menarik pemalam ini - apabila anda sampai ke panel terakhir, itu mundur kembali ke yang pertama!

Sekiranya anda takut pengaturcaraan atau JavaScript menakutkan, jQuery mungkin merupakan penyelesaian untuk anda. Sebilangan besar masa, anda hanya perlu menyalin dan menampal rujukan fail, mengedit beberapa tetapan, menyusun halaman dengan betul ... dan anda sudah mula beroperasi.

3 Komen

  1. 1

    Saya sedang membina semula laman web saya dan berhasrat untuk melancarkan hujung minggu ini jika semuanya berjalan lancar. Saya menggunakan jQuery untuk beberapa aspek dan setakat ini saya tidak mempunyai sebarang aduan. Segala-galanya nampaknya memberikan rasa "web 2.0" dan mudah-mudahan ia hanya akan memuji laman web yang telah siap.

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.