Cara Membuat Butang Berkelip

Isi kandungan:

Cara Membuat Butang Berkelip
Cara Membuat Butang Berkelip

Video: Cara Membuat Butang Berkelip

Video: Cara Membuat Butang Berkelip
Video: Tutorial cara membuat bintang berkedip, awan berjalan dan pergantian siang ke malam 2024, November
Anonim

Butang yang berkelip adalah elemen reka bentuk web yang membantu menjadikan halaman terang dan menarik. Walau bagaimanapun, semasa menggunakan kesan ini, anda perlu memikirkan kemudahan pengguna: jangan menyalahgunakan "kerepek" yang bergelora.

Cara membuat butang berkelip
Cara membuat butang berkelip

Arahan

Langkah 1

Sekiranya butang yang diperlukan, ditunjukkan sebagai gambar pautan dan berubah warna setelah mengarahkan kursor, buat menggunakan jadual dan atribut onMouseOver dan onMouseOut.

Butang

Langkah 2

Anda boleh membuat butang berkelip menggunakan JavaScript. Untuk membuat kesan berlaku pada tetikus tetikus dan pudar setelah kursor dikeluarkan, gunakan kod berikut: Tajuk tab arrColor = ["0", "1", "2", "3", "4", "5 "," 6 "," 7 "," 8 "," 9 "," a "," b "," c "," d "," e "," f "]; tetikus fungsiOut () {untuk (i = 0; i <13; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor [15-i] + '0' + arrColor [15 -i] + 'FFF ";', i * 50); } tetikus fungsiOver () {untuk (i = 0; i <15; i ++) setTimeout ('document.blinkbutton.button.style.background = "#' + arrColor + '0' + arrColor + 'F31 ";', i * 50); }

Langkah 3

Sekiranya anda mempunyai Adobe Photoshop, anda boleh membuat kesan sekelip mata pada penyunting grafik. Untuk melakukan ini, buat fail baru, serta lapisan baru, yang jumlahnya harus sama dengan jumlah bingkai. Selepas itu, pada panel kanan, pilih lapisan pertama dengan "mata" dan buka item "Animasi" dari menu "Window". Pada panel yang muncul, klik butang bingkai pendua, alihkan "mata" ke lapisan seterusnya, dan seterusnya. Klik kanan pada setiap bingkai dan tetapkan masa. Pratinjau hasilnya, ubah jika perlu dan simpan dalam format

Disyorkan: