Cara menggunakan jquery untuk mencapai kesan seret dan lepas

Cara menggunakan jquery untuk mencapai kesan seretan: 1. Gunakan pernyataan "$("#elemen id") untuk mendapatkan nod elemen mengikut nilai id yang ditentukan 2. Gunakan draggable(; ) kaedah untuk menambah seret ke nod elemen Kesannya, sintaksnya ialah "elemen node.draggable();".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.0, komputer Dell G3.

Cara menggunakan jquery untuk mencapai kesan seret

1 Memperkenalkan jquery dan jquery-ui ke dalam antara muka HTML, jquery mesti mendahului jquery-. ui , jika tidak, kesan yang diingini tidak dapat dicapai. Sarang div ke dalam div dan tambah id. Saya menambah id f dan s pada div. Tetapkan kesan gaya f dan tambahkan sempadan padanya.

Tetapkan gaya s sekali lagi, saiznya tidak boleh melebihi f sebelumnya, dan tetapkan warna latar belakang kepada merah.

2. Gaya asas telah ditulis. Kemudian kami mula menambah kesan seretan pada div merah. Gunakan ("#s") untuk mendapatkan div merah, dan kemudian panggil kaedah boleh seret untuk menambah kesan seret pada div merah yang diperolehi.

Pada masa ini, anda boleh menyeret div merah dengan tetikus. Kemudian alihkannya ke sempadan hitam.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !

Atas ialah kandungan terperinci Cara menggunakan jquery untuk mencapai kesan seret dan lepas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!