Rumah > hujung hadapan web > tutorial js > CID-FUNNY-LOGIN

CID-FUNNY-LOGIN

Mary-Kate Olsen
Lepaskan: 2024-12-23 17:41:21
asal
713 orang telah melayarinya

Sistem Log Masuk Bertemakan CID ??

Projek ini mempersembahkan sistem log masuk bertema CID yang menyeronokkan di mana pengguna dihiburkan dengan video meme CID ikonik apabila berjaya log masuk. Ia menawarkan pengalaman pengguna yang unik dan menarik dengan menyepadukan elemen bertema CID di seluruh aplikasi.

Ciri-ciri

  • ? Bertemakan CID: Nikmati siri CID nostalgia dengan meme dan video bertema.
  • ? Semakan Bukti kelayakan: Sahkan log masuk dengan nama pengguna dan kata laluan yang dipratentukan.
  • ?️ Main Balik Video: Memainkan video tertentu apabila berjaya log masuk.
  • ⚠️ Makluman Tersuai: Menggunakan SweetAlert untuk mesej pop timbul tersuai dan bergaya.
  • ? Kawalan Audio: Memainkan muzik latar belakang dengan pilihan untuk menjeda.
  • ? Pengurusan Sesi: Mengurus sesi pengguna untuk mengawal main balik video.
  • ? Reka Bentuk Responsif: Responsif sepenuhnya, memberikan pengalaman yang lancar pada semua peranti. ## Video
  • Talas masa CID FUNNY LOGIN CREATION :
  • CID FUNNY LOGIN Video Penuh : ## Imej CID-FUNNY-LOGIN

Dibangunkan Oleh

  • MAYANK CHAWDHARI ## Terima Kasih Khas kepada
  • Kishan Kumar
  • Vedant ## Panduan Pengguna

Bukti Kelayakan Dipratentukan

  • Nama Pengguna: Pentadbir
  • Kata Laluan: 12345678

Pengesahan dan Main Balik Video

  1. Masukkan Bukti kelayakan: Masukkan nama pengguna dan kata laluan yang telah ditetapkan.
  2. Main Video: Apabila log masuk berjaya, video skrin penuh akan dimainkan.
  3. Pengurusan Sesi: Status pengesahan pengguna disimpan, membenarkan main balik video bersyarat.
  4. Ubah Hala dan Kawalan Audio: Selepas video tamat, pengguna diubah hala semula dan sebarang audio yang dimainkan dihentikan.

Menukar Pengesahan untuk Video Tertentu

Untuk memainkan video yang berbeza berdasarkan pengesahan:

  1. Edit Pembolehubah Auth: Dalam kod JavaScript, cari pembolehubah auth. Tetapkan nilainya kepada 1 atau 0 berdasarkan keadaan.
   const auth = 1; // or 0
Salin selepas log masuk
  1. Nyatakan Sumber Video: Kemas kini laluan sumber video untuk nilai pengesahan yang berbeza.
   if (auth === 1) {
       fullScreenVideo.src = '2.mp4'; // Path to video for auth = 1
   } else {
       fullScreenVideo.src = '1.mp4'; // Path to video for auth = 0
   }
Salin selepas log masuk

Perlaksanaan

Makluman Pop Timbul Tersuai

  • SweetAlert: Mesej pop timbul yang bergaya untuk pemberitahuan pengguna.
  Swal.fire({
      text: 'Please fill out all fields!',
      position: 'top-end',
      timerProgressBar: true,
      showConfirmButton: false,
      width: '250px',
      timer: 3000,
      backdrop: false
  });
Salin selepas log masuk

Main Balik Video Skrin Penuh

  • Elemen Video HTML:
  <video>



<ul>
<li>
<strong>JavaScript to Handle Video Playback and Redirection:</strong>
</li>
</ul>

<pre class="brush:php;toolbar:false">  fullScreenVideo.addEventListener('ended', function() {
      stopAllAudio();
      window.location.href = 'login.html';
  });
Salin selepas log masuk
  • Reka Letak Responsif: Memastikan keserasian merentas pelbagai peranti untuk pengalaman pengguna yang lancar.

Nikmati sistem log masuk bertema CID dan tingkatkan penglibatan pengguna aplikasi anda dengan detik ikonik CID! ??

Atas ialah kandungan terperinci CID-FUNNY-LOGIN. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan