Melaksanakan pemalam paparan kemajuan halaman web berdasarkan jQuery_jquery

Saya percaya semua orang telah melihat fungsi tapak web yang serupa ini boleh menjadi sangat mudah untuk difahami dan dikendalikan oleh pengguna

Berikut ialah tangkapan skrin ujian pemalam, yang menyediakan dua kulit

Ditulis dalam js, bar kemajuan boleh dijana secara fleksibel untuk memudahkan paparan grafik beberapa kemajuan kerja

1. Panggilan ringkas

//Data untuk semua langkah

var stepListJson=[{StepNum:1,StepText:"Langkah Pertama"},
{StepNum:2,StepText:"Langkah Kedua"},
{StepNum:3,StepText:"Langkah ketiga"},
{StepNum:4,StepText:"Langkah 4"},
{StepNum:5,StepText:"Langkah 5"},
{StepNum:6,StepText:"Langkah 6"},
{StepNum:7,StepText:"Langkah 7"}];

//Apakah langkah yang sedang dijalankan

var currentStep=5; //kelas alat baharu
var StepTool = new Step_Tool_dc("test","mycall"); //Gunakan alatan untuk melukis paparan grafik langkah proses yang berkaitan pada halaman
StepTool.drawStep(currentStep,stepListJson); //Fungsi panggil balik
fungsi mycall(hasil){
// alert(“mycall” result.value “:“ result.text); StepTool.drawStep(result.value,stepListJson); //TODO...Di sini anda boleh mengisi kod untuk memuatkan data yang sepadan selepas langkah klik
}



2. Pengubahsuaian kulit tersuai

Pemalam menyediakan dua set pilihan dermatologi Jika ia tidak memenuhi keperluan anda, anda boleh menulis kod CSS sendiri

kod html

Salin kod