Rumah > hujung hadapan web > tutorial js > JS menyedari tajuk halaman web yang sangat mudah berjalan dan kemahiran code_javascript kesan pantas berkelip

JS menyedari tajuk halaman web yang sangat mudah berjalan dan kemahiran code_javascript kesan pantas berkelip

WBOY
Lepaskan: 2016-05-16 15:35:26
asal
1789 orang telah melayarinya

Contoh dalam artikel ini menerangkan pelaksanaan JS bagi tajuk halaman web yang sangat mudah berjalan dan kod kesan gesaan berkelip. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Berikut ialah demonstrasi kesan larian teks Tajuk halaman web yang dicapai dengan hanya beberapa baris kod JS, serupa dengan fungsi peringatan berkelip tajuk apabila terdapat mesej dalam kod JS, apabila pembolehubah _record terkumpul kepada 3, ia diberikan nilai 1. Bersamaan dengan gelung tak terhingga. Kandungan gesaan mesej yang perlu dipaparkan boleh disesuaikan.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-title-blink-style-codes/

Kod khusus adalah seperti berikut:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS实现title标题闪烁提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink(){
  _record++;
  if(_record==3){//当变量_record累加到3是,将其赋值为1。相当于无限循环。
    _record=1;
  }
  if(_record==1){
    document.title='【  】'+myTitle;
  }
  if(_record==2){
    document.title='【新消息】'+myTitle;
  }
  setTimeout("titleBlink()",500);//调节时间,单位毫秒。
}
titleBlink();
</script>
<center><h1>几行js实现闪烁的title。</h1></center>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

Salin selepas log masuk

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

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