Rumah

Kesan khas JS

Gambar kesan khas

kod penguat gambar jqzoom

kod penguat imej jqzoom, sesuai untuk memaparkan imej produk, serasi dengan penyemak imbas arus perdana, disyorkan muat turun di laman web PHP Cina! Arahan: 1. Pengenalan kawasan kepala <link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2. Perkenalkan perpustakaan js <script src="js/j

Muat turun sekarang Pratonton

kod penguat imej jqzoom, sesuai untuk memaparkan imej produk, serasi dengan penyemak imbas arus perdana, disyorkan muat turun di laman web PHP Cina!
Cara penggunaan:
1. Pengenalan kawasan kepala
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">
2. Perkenalkan perpustakaan js
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
3. Panggil perpustakaan fungsi jqzoom
<script type="text/javascript">
$(fungsi() {
pilihan var =
{
zoomWidth: 250, //Lebar kaca pembesar
zoomHeight: 250,//Ketinggian kaca pembesar
zoomType:'terbalikkan'
};
$(".jqzoom").jqzoom(pilihan);
});
</skrip>

Parameter konfigurasi:
zoomType, nilai lalai: 'standard', nilai lain ialah 'terbalik', sama ada untuk menutup imej asal dengan lapisan separa lutsinar.
zoomWidth, nilai lalai: 200, lebar tetingkap yang diperbesarkan.
zoomHeight, nilai lalai: 200, ketinggian tetingkap yang diperbesarkan.
xOffset, nilai lalai: 10, nilai offset paksi-x bagi tetingkap pembesaran berbanding imej asal, boleh menjadi negatif.
yOffset, nilai lalai: 0, nilai offset paksi-y bagi tetingkap pembesaran berbanding imej asal, boleh menjadi negatif.
kedudukan, nilai lalai: 'kanan', kedudukan tetingkap yang diperbesarkan, nilainya juga boleh: 'kanan', 'kiri', 'atas', 'bawah'.
Kanta, nilai lalai: benar, jika salah, kanta tidak akan dipaparkan pada imej asal.
imageOpacity, nilai lalai: 0.2, apabila nilai zoomType adalah 'terbalik', parameter ini digunakan untuk menentukan ketelusan topeng.
tajuk, nilai lalai: benar, memaparkan tajuk dalam tetingkap pembesaran, nilai boleh menjadi nilai tajuk tanda a, jika tidak, ia adalah nilai tajuk imej asal.
showEffect, nilai lalai: 'show', memaparkan kesan pembesaran tetingkap, nilainya boleh: 'show', 'fadein'.
hideEffect, nilai lalai: 'hide', kesan apabila menyembunyikan tetingkap yang diperbesarkan: 'hide', 'fadeout'.
fadeinSpeed, nilai lalai: 'cepat', kelajuan pudar masuk tetingkap yang diperbesarkan (pilihan: 'cepat', 'perlahan', 'sederhana').
fadeoutSpeed, nilai lalai: 'perlahan', kelajuan fadeout tetingkap yang diperbesarkan (pilihan: 'cepat', 'perlahan', 'sederhana').
showPreload, nilai lalai: benar, sama ada untuk memaparkan gesaan pemuatan Zum pemuatan (pilihan: 'benar', 'salah').
preloadText, nilai lalai: 'Memuatkan zum', teks gesaan pemuatan tersuai.
PreloadPosition, nilai lalai: 'center', kedudukan gesaan pemuatan, nilai juga boleh 'bycss' untuk menentukan kedudukan melalui css.

Penafian

Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn

Artikel Berkaitan

Bagaimana untuk menulis kod butang gambar css

03 Dec 2021

Dalam CSS, atribut imej latar belakang boleh digunakan untuk mencapai kesan butang gambar Kaedah penulisan ialah "elemen butang {background-image:url (picture path)}" atribut imej latar belakang digunakan untuk menetapkan imej latar belakang daripada elemen Gunakan atribut ini untuk menambah latar belakang pada elemen butang.

Ambil masa satu minit untuk menambah bulan pada gambar menggunakan PS (kongsi)

05 Aug 2021

Dalam artikel sebelumnya "Ajar anda langkah demi langkah cara menggunakan PS untuk menambah kesan khas dinamik pada gambar sukan (jumlah 5 langkah)", saya memperkenalkan kepada anda cara menggunakan PS untuk menambah kesan khas dinamik pada gambar. Artikel berikut akan memperkenalkan kepada anda cara menggunakan PS untuk mencipta kesan bulan sebenar Mari kita lihat cara melakukannya bersama-sama.

Ajar anda langkah demi langkah cara menggunakan PS untuk menambah kesan khas dinamik pada gambar sukan (jumlah 5 langkah)

05 Aug 2021

Dalam artikel sebelumnya "Kemahiran PS: Cara Menambah Kesan Teleport pada Gambar (Perkongsian)", saya memperkenalkan anda kepada kesan teleport cepat, kemahiran kecil yang sangat praktikal. Artikel berikut akan memperkenalkan kepada anda cara menggunakan PS untuk menambah kesan khas dinamik pada gambar sukan. Datang dan lihat, kawan-kawan.

Artikel penapis PS: Cara menggunakan 'anjakan' untuk membuat poster potret fon kreatif (perkongsian kemahiran)

11 Aug 2021

Dalam artikel sebelum ini "Ajar anda langkah demi langkah cara menggunakan PS untuk menukar gambar biasa menjadi poster kesan kreatif yang bersinar (kongsi)", saya memperkenalkan anda cara menggunakan gambar biasa untuk mencipta poster silau. Artikel berikut akan memperkenalkan kepada anda cara menggunakan anjakan PS untuk memproses teks untuk mencapai kesan khas. Mari kita lihat cara melakukannya.

10 kesan animasi teks yang cantik dan praktikal untuk menjadikan halaman anda lebih menarik!

10 Aug 2021

Gambar dan teks adalah komponen penting dalam laman web Penggunaan gambar yang betul boleh menjadikan halaman web jelas, tetapi teks biasa tidak boleh. Kemudian anda boleh menambah beberapa gaya pada teks untuk mencapai kesan teks yang tampan dan menjadikan halaman lebih interaktif dan menarik. Di bawah, laman web PHP Cina akan berkongsi dengan anda 6 kesan khas animasi teks, yang cantik dan praktikal.

CSS3 menyedari kesan animasi mencedok bebola pulut dengan sudu (sangat comel)!

15 Feb 2022

Selamat Pesta Tanglung kepada semua pelajar! ! ! Hari ini saya memberi anda semangkuk bebola pulut panas, yang lazat Kod sumber kesan khas dan pautan gambar ada di hujung artikel Klik untuk pratonton dan muat turun untuk digunakan.

Bagaimana untuk menetapkan tetikus untuk memaparkan imej selepas menghantar elemen dalam css

21 Jul 2021

Dalam CSS, anda boleh menggunakan pemilih ":hover" untuk mencapai kesan memaparkan gambar apabila tetikus melepasi elemen Pemilih ":hover" digunakan untuk menentukan gaya khas yang ditambahkan apabila penuding tetikus terapung pada elemen. Format sintaks ialah "elemen:hover{background: url (alamat imej);}".

Ajar anda langkah demi langkah cara menggunakan PS untuk mencipta fon kesan khas corak air (Koleksi)

06 Aug 2021

Dalam artikel sebelum ini "Artikel Pemula PS: Cara Menambah Kesan Perspektif pada Gambar (Perkongsian)", saya memperkenalkan anda kepada helah kecil untuk mencipta kesan perspektif pada pakaian dalam PS dengan cepat. Artikel berikut akan memperkenalkan kepada anda cara menggunakan PS untuk mencipta fon kesan khas tera air Ia mempunyai nilai rujukan tertentu Rakan yang memerlukan saya harap ia akan membantu anda.

Bagaimana untuk menetapkan kesan kabur Gaussian dalam css

30 Nov 2021

Dalam CSS, anda boleh menggunakan atribut penapis dan fungsi blur() untuk mencapai kesan kabur Gaussian Atribut penapis digunakan untuk menetapkan kesan visual elemen gambar Gunakannya dengan fungsi blur() untuk menambah kesan kabur Gaussian kepada elemen gambar. Sintaks ialah "elemen gambar" {filter:blur(blur value);}".

See all articles