masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > HTML5 css3 bar kemajuan animasi kod kesan khas [disyorkan]_html5 kemahiran tutorial

HTML5 css3 bar kemajuan animasi kod kesan khas [disyorkan]_html5 kemahiran tutorial

WBOY
Lepaskan： 2016-05-16 15:45:36
asal
2226 orang telah melayarinya

html5 css3 progress bar animasi kesan khas Saya secara tidak sengaja menemui kerja ini semasa saya mencari sumber rangkaian di Internet hari ini Melihat bahawa kesannya sangat baik dan sangat praktikal, saya menyelesaikannya dan berkongsi dengan semua orang. Ia digunakan terutamanya HTML5, JavaScript dan teknologi CSS3 digunakan, dan SVG, bulatan dan teks digunakan. . .

Kod teras adalah seperti berikut


Salin kod
Kod tersebut adalah seperti berikut:

function alertSet(e) {
document.getElementById("js-alert-box").style.display = "block",
document.getElementById("js-alert-head").innerHTML =
var t = 10,
n = document.getElementById("js-sec-circle");
document.getElementById("js-sec-text").innerHTML = t,
setInterval(function() {
jika (0 == t){
location.href="http://www.jb51.net";
}lain {
t -= 1,
document.getElementById( "js- sec-text").innerHTML = t;
var e = Math.round(t / 10 * 735); ,
970);



Kesannya adalah seperti berikut:

Kod kesan khas animasi hitung detik bar kemajuan HTML5 css3 di atas [disyorkan] ialah semua kandungan yang dikongsi oleh editor saya harap ia boleh memberi rujukan kepada anda, dan saya harap anda akan menyokong Script Home.

Label berkaitan：
css3 html5 undur bar kemajuan
sumber：php.cn
Artikel sebelumnya：Strategi hebat untuk melukis segi empat tepat menggunakan HTML5 Canvas API_html5 petua tutorial Artikel seterusnya：Cara menggunakan kemahiran tutorial HTML5 canvas_html5
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
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan