jQuery kesan segera perkongsian kod_jquery

WBOY
Lepaskan: 2016-05-16 16:30:55
asal
1440 orang telah melayarinya

Kod 1:

Salin kod Kod adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
$(fungsi(){
              $(".petua alat").masuk tetikus(fungsi(e){
This.mytitle=this.title
This.title=""
              var a="
" this.mytitle "
"
                  $("badan").lampirkan(a);
                    $("div").css({
"atas": (e.halamanY y) "px",
"kiri": (e.pageX x) "px"
                   }).tunjukkan("cepat")
               }).mouseout(function(){
This.title= this.mytitle;
                   $("div").buang();
             });
})

Pengalaman pembelajaran:


Jangan tambahkan elemen div di bawah tag p, kerana sisihan yang besar akan berlaku!

menjadi! Terdapat perbezaan antara ini dan $("ini"), jika di atas
Menulis semula this.title kepada $("this").attr("title") akan menyebabkan acara keluar tetikus berikut tidak dapat mengakses tajuk yang disimpan

Kod 2:

Memetik css: jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css

Memetik js: jqueryui/js/jquery-ui-1.8.18.custom.min.js

Salin kod Kod adalah seperti berikut:

$( "#dialog:ui-dialog" ).dialog( "musnahkan" );
 
$( "#dialog-message" ).dialog({
                                      
Tinggi: 120,
          lebar: 220,
        modal: benar,
butang: {
"Tidak": function() {
                       //melakukan sesuatu
$ (Ini) .dialog ("tutup");             },
"Ya": function() {
                       //melakukan sesuatu
$( ini ).dialog( "tutup" );
            }
}
});



Kod 3:

Gunakan komponen lapisan pop timbul javascript easyDialog

Selepas menggunakan easyDialog untuk satu tempoh masa, kami meringkaskan beberapa masalah yang dihadapi semasa penggunaan Baru-baru ini, kami meluangkan sedikit masa untuk membina semula dan mengoptimumkan kod asal, dan menambah beberapa fungsi baharu. Versi asal hanya untuk merealisasikan fungsi asas lapisan pop timbul yang mudah Dari perspektif projek, ia adalah mengenai cara menyelesaikan projek dengan cepat Walau bagaimanapun, versi ini bukan sahaja untuk merealisasikan fungsi asas, tetapi juga mempertimbangkan bagaimana untuk menjadikan lapisan pop timbul lebih baik dan lebih cekap Digunakan dengan mudah pada projek.
Ciri baharu dalam easyDialog v2.0:

1. Menambah templat kandungan lapisan pop timbul lalai Jika ia hanya beberapa aplikasi mudah, anda tidak perlu menulis struktur kandungan lapisan pop timbul, tetapi hanya perlu menghantar beberapa parameter mudah. Kaedah penggunaan asal:

Salin kod Kod adalah seperti berikut:

easyDialog.open({
bekas : 'demoBox'
});

Gunakan templat kandungan lalai, maka parameter bekas boleh digunakan seperti ini:

Salin kod Kod adalah seperti berikut:

easyDialog.open({
bekas : {
Pengepala: 'Tajuk lapisan timbul',
Kandungan: 'Selamat datang ke easyDialog : )',
yesFn : btnFn,
NoFn: benar
}
});

Kesan yang dipaparkan adalah seperti yang ditunjukkan di bawah:

Jika anda ingin mengubah suai gaya templat kandungan lalai, anda boleh mengubah suai fail easydialog.css dalam dokumen yang dimuat turun untuk mencapai gaya yang anda inginkan.
2. Menambah kesan drag-and-drop untuk menjadikan lapisan pop timbul mempunyai pengalaman pengguna yang lebih baik, dan kandungan lapisan pop timbul boleh disesuaikan untuk mencapai kesan drag-and-drop dengan mudah.
3. Sistem caching dan sistem pemprosesan acara mikro telah ditambahkan secara dalaman, dan kandungan lapisan pop timbul juga telah dicache untuk menjadikan lapisan pop timbul berprestasi lebih baik.
Selain itu, penamaan parameter telah diubah suai isOverlay asal telah ditukar kepada tindanan, dan id setiap elemen lapisan pop timbul asal juga dinamakan semula untuk mengelakkan konflik sebanyak mungkin.

3 jenis kesan segera di atas biasa digunakan oleh saya Anda boleh menggunakannya secara bebas mengikut keperluan projek anda sendiri

Label berkaitan:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan