Rumah  >  Artikel  >  hujung hadapan web  >  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

WBOY
WBOYasal
2016-05-16 15:34:571409semak imbas

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>

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

Kenyataan:
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