jQuery kesan segera perkongsian kod_jquery-tutorial js-php.cn

jQuery kesan segera perkongsian kod_jquery

WBOY

Lepaskan： 2016-05-16 16:30:55

asal

1465 orang telah melayarinya

Kod 1:

Salin kod Kod adalah seperti berikut:

Petua 1.

Petua 2.

Petua terbina dalam 1.

Petua terbina dalam 2.

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