Rumah hujung hadapan web tutorial js JS melaksanakan kod kesan pop timbul teks bar status penyemak imbas dari kanan ke kiri_javascript kemahiran

JS melaksanakan kod kesan pop timbul teks bar status penyemak imbas dari kanan ke kiri_javascript kemahiran

May 16, 2016 pm 03:34 PM
js Kesan pop timbul pelayar

Contoh dalam artikel ini menerangkan pelaksanaan JS bagi kesan pop timbul teks bar status penyemak imbas dari kanan ke kiri. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Kod pop timbul teks bar status di sini muncul dari kanan ke kiri Kesan boleh ditukar dengan mengubah suai coretan kod ini dalam Skrip:

var KEDUDUKAN = 100
var KELEWATAN = 4
var MESSAGE = "Ini adalah teks yang anda mahukan!"

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-status-bar-txt-scroll-codes/

Kod khusus adalah seperti berikut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>状态栏文字弹出代码,从右向左弹出</TITLE>
</HEAD>
<BODY>
<script language="JavaScript"> 
<!--
function statusMessageObject(p,d) {
 this.msg = MESSAGE
 this.out = " "
 this.pos = POSITION
 this.delay = DELAY
 this.i   = 0
 this.reset = clearMessage
}
function clearMessage() {
 this.pos = POSITION
}
var POSITION = 100
var DELAY  = 4
 var MESSAGE = "状态栏文字快速的一个一个弹出!!!  " 
var scroll = new statusMessageObject()
function scroller() {
 for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
  scroll.out += " "
 }
 if (scroll.pos >= 0)
  scroll.out += scroll.msg
 else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
 window.status = scroll.out
 scroll.out = " "
 scroll.pos--
 if (scroll.pos < -(scroll.msg.length)) {
  scroll.reset()
 }
 setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
 var msg = scroll.msg
 var out = ""
 for (var i=0; i<position; i++) 
  {out += msg.charAt(i)}
 for (i=1;i<jumpSpaces;i++) 
  {out += " "}
 out += msg.charAt(position)
 window.status = out
 if (jumpSpaces <= 1) {
  position++
  if (msg.charAt(position) == ' ') 
   {position++ }
  jumpSpaces = 100-position
 } else if (jumpSpaces > 3)
    {jumpSpaces *= .75}
 else
  {jumpSpaces--}
 if (position != msg.length) {
  var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
  scrollID = window.setTimeout(cmd,scroll.delay);
 } else {
  window.status=""
  jumpSpaces=0
  position=0
  cmd = "snapIn(" + jumpSpaces + "," + position + ")";
  scrollID = window.setTimeout(cmd,scroll.delay);
  return false 
 }
 return true
}
snapIn(100,0);
// -->
</script>
</BODY>
</HTML>

Salin selepas log masuk

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Di mana untuk memuat turun Ouyi asli? Muat turun laman web rasmi. Global Di mana untuk memuat turun Ouyi asli? Muat turun laman web rasmi. Global Mar 31, 2025 pm 02:09 PM

Ouyi biasanya merujuk kepada Ouyi Okx. Cara Global untuk memuat turun aplikasi OUYI OKX adalah seperti berikut: 1. Peranti Android: Muat turun fail APK melalui laman web rasmi dan memasangnya. 2. Peranti iOS: Akses laman web rasmi melalui penyemak imbas dan muat turun aplikasinya secara langsung.

Bagaimana untuk menyelesaikan masalah antara muka pihak ketiga yang kembali 403 dalam persekitaran Node.js? Bagaimana untuk menyelesaikan masalah antara muka pihak ketiga yang kembali 403 dalam persekitaran Node.js? Mar 31, 2025 pm 11:27 PM

Selesaikan masalah antara muka pihak ketiga yang kembali 403 dalam persekitaran Node.js. Apabila kita menggunakan Node.js untuk memanggil antara muka pihak ketiga, kita kadang-kadang menghadapi kesilapan 403 dari antara muka yang kembali 403 ...

Tutorial Pendaftaran Gate.io Tutorial Pendaftaran Gate.io Mar 31, 2025 pm 11:09 PM

Artikel ini menyediakan tutorial pendaftaran Gate.io terperinci, yang meliputi setiap langkah daripada mengakses laman web rasmi untuk menyelesaikan pendaftaran, termasuk mengisi maklumat pendaftaran, mengesahkan, membaca perjanjian pengguna, dan lain-lain.

Okx Ouyi Exchange Web Versi Masukkan pautan Klik untuk masukkan Okx Ouyi Exchange Web Versi Masukkan pautan Klik untuk masukkan Mar 31, 2025 pm 06:21 PM

1. Masukkan versi web OKX EUYI Exchange ☜☜☜☜☜☜ Klik untuk menyimpan 2. Klik pautan aplikasi OKX EUYI Exchange ☜☜☜☜ klik untuk menyimpan 3. Selepas memasukkan laman web rasmi, antara muka yang jelas menyediakan portal log masuk dan pendaftaran. Pengguna boleh memilih untuk log masuk ke akaun sedia ada atau mendaftarkan akaun baru mengikut situasi mereka sendiri. Sama ada ia melihat keadaan pasaran masa nyata, menjalankan urus niaga, atau menguruskan aset, versi Web OKX menyediakan pengalaman operasi yang mudah dan lancar, sesuai untuk pemula dan veteran. Lawati laman web rasmi OKX sekarang untuk pengalaman mudah

Tutorial Pendaftaran Gate.io untuk pemula Tutorial Pendaftaran Gate.io untuk pemula Mar 31, 2025 pm 11:12 PM

Artikel ini menyediakan newbies dengan tutorial pendaftaran GATE.IO terperinci, membimbing mereka untuk melengkapkan proses pendaftaran secara beransur -ansur, termasuk mengakses laman web rasmi, mengisi maklumat, pengesahan identiti, dan lain -lain, dan menekankan tetapan keselamatan selepas pendaftaran. Di samping itu, artikel itu juga menyebut pertukaran lain seperti Binance, Ouyi dan Open Door. Adalah disyorkan bahawa orang baru memilih platform yang betul mengikut keperluan mereka sendiri, dan mengingatkan pembaca bahawa pelaburan aset digital berisiko dan harus melabur secara rasional.

OK Portal Rasmi Versi Web OK Portal Log Masuk Versi Web Rasmi OK Portal Rasmi Versi Web OK Portal Log Masuk Versi Web Rasmi Mar 31, 2025 pm 06:24 PM

Artikel ini memperincikan cara menggunakan versi web rasmi OK Exchange untuk log masuk. Pengguna hanya perlu mencari "OK Exchange Versi Web Rasmi" Dalam penyemak imbas mereka, klik butang Login di sudut kanan atas selepas memasukkan laman web rasmi dan masukkan nama pengguna dan kata laluan yang mudah. pengalaman perdagangan. Apa yang anda tunggu? Lawati laman web rasmi OK Exchange sekarang untuk memulakan perjalanan aset digital anda!

Cara Memeriksa Alamat Kontrak di Gate.io Exchange Cara Memeriksa Alamat Kontrak di Gate.io Exchange Mar 25, 2025 pm 03:54 PM

Terdapat dua cara untuk melihat alamat kontrak di Gate.IO Exchange: 1 melalui Butiran Mata Wang Page: Log masuk ke akaun, cari mata wang sasaran, dan masukkan halaman butiran untuk mencari alamat kontrak. 2 melalui halaman cas semula: log masuk ke akaun, masukkan halaman cas semula, dan pilih mata wang untuk melihat alamat kontrak dalam maklumat cas semula.

Tutorial Pendaftaran Terkini untuk Versi Web Gate.io Tutorial Pendaftaran Terkini untuk Versi Web Gate.io Mar 31, 2025 pm 11:15 PM

Artikel ini menyediakan tutorial pendaftaran terbaru Gate.io Web yang terperinci untuk membantu pengguna dengan mudah memulakan dengan perdagangan aset digital. Tutorial ini merangkumi setiap langkah daripada mengakses laman web rasmi untuk menyelesaikan pendaftaran, dan menekankan tetapan keselamatan selepas pendaftaran. Artikel ini juga memperkenalkan platform perdagangan lain seperti Binance, Ouyi dan Open Door. Adalah disyorkan bahawa pengguna memilih platform yang betul mengikut keperluan mereka sendiri dan memberi perhatian kepada risiko pelaburan.

See all articles