Artikel ini menjelaskan bagaimana JS mengimplementasikan efek membuat judul halaman web berkedip saat pesan datang. Bagikan untuk referensi Anda, sebagai berikut:
<html xmlns = "http://www.w3.org/1999/xhtml"> <head runat = "server"> <title> halaman judul unt </title> <script> var g_blinkid = 0; var g_blinkswitch = 0; var g_blinktle = document.titys.titys = var g_blinkswitch = 0; var g_blinkle = document.titys.tityse = var g_blinkswitch = 0; var g_blinkle = document.titys.tityse; pukul = var g_blinkswitch = 0; var g_blinktle = document.titys.tititle; TTiRICE; null; var g_newmsg_sound = null; var g_app_num = 0; var g_appnum = 0; var g_bappmore = false; var g_inputtime = 0; fungsi blinknewmsg () {document.title = g_blinkswitch % 2 == 0? "【】 -" + g_blinktitle: "【Berita baru】 -" + g_blinktitle; g_blinkswitch ++;} g_blinkid = setInterval (blinknewmsg, 1000); function stopblinknewmsg () {if (g_blinkid) {clearInterval (g_blinkid); g_blinkid = 0; document.title = g_blinktitle; }} </script> </head> <body> <Form id = "form1" runat = "server"> <vert> <input id = "button1" type = "tombol" value = "tombol" ontClick = "stopBlinkNewMSG ();" /> </div> </form> </body> </html>Lihat Kepala-26.js Kaixin.com
var g_blinkid = 0; var g_blinkswitch = 0; var g_blinkTitle = document.title; var g_onlineuser = ""; var g_sysmsg_sound = null; var g_newmsg_sound = null; var g_app_num = 0; var g_appnum = 0; blinknewmsg () {var sekarang = tanggal baru (); var sekarang = now.getTime (); if (nowtime - g_inputtime> 5000) {document.title = g_blinkswitch % 2? "【】 -" + g_blinktitle: "【Berita baru】 -" + g_blinktitle; } g_blinkswitch ++;} fungsi blinkonline () {document.title = g_blinkswitch % 2? "○" + g_onlineuser + "online-" + g_blinktitle: "●" + g_onlineuser + "adalah online-" + g_blinktitle; g_blinkswitch ++; if (g_blinkswitch> 10) {stopBlinkNewMSg (); }} function checkNewMSg () {var url = "/home/newmsg.php"; var pars = ""; var myAjax = new Ajax.Request(url, {method: "post", parameters: pars, onComplete: function (req) { checkNewMsgShow(req); } });}function stopBlinkNewMsg(){ if (g_blinkid) { clearInterval(g_blinkid); g_blinkid = 0; $ ("head_msgdiv"). style.display = "none"; document.title = g_blinktitle; }} var g_oldmsg = g_oldsysmsg = g_oldbbs = g_oldbbsReply = g_oldcomment = g_oldReply = 0; function checkNewMSgshow (req) {var r = req.responsetext; stopblinknewmsg (); setTimeout (checknewmsg, 60000); eval ("r ="+r); var a_msglist = array baru ("msg", "sysmsg", "bbsreply", "komentar", "balasan"); if (r.notice == "1") {var forbidsound = parseInt (r.forbidsound); if (! Forbidsound) {for (i = 0; i <a_msglist.length; i ++) {if ($ ("body_" + a_msglist [i] + "_num")) {var c = parseint ($ ("body_" + a_msglist [i] + "_num"). eval ("g_old" + a_msglist [i] + "= c;"); }} var newmsg = parseInt (r.msg) + parseInt (r.bbs) + parseInt (r.bbsreply) + parseInt (r.comment) + parseInt (r.reply); var sysmsg = parseInt (r.sysmsg); var newchange = (parseInt (r.msg) - g_oldmsg) || (parseint (r.bbs) - g_oldbbs) || (parseint (r.bbsreply) - g_oldbbsreply) || (parseint (r.comment) - g_oldcomment) || (parseint (r.reply) - g_oldReply); var syschange = (parseInt (r.sysmsg) - g_oldsysmsg); untuk (i = 0; i <a_msglist.length; i ++) {eval ("g_old" + a_msglist [i] + "= parseInt (r." + a_msglist [i] + ");"); } if (newmsg && newchange) {if (g_newmsg_sound == null) {g_newmsg_sound = swfobject baru ("http://img.kaixin001.com.cn/i2/newmsg_sound.1.0.swf", "newmmmsg_sound_sound_" "", "" "", "" "" "" "#ffffff", benar); g_newmsg_sound.addparam ("memungkinkancriptAccess", "selalu"); g_newmsg_sound.addparam ("wmode", "opaque"); g_newmsg_sound.addparam ("menu", "false"); g_newmsg_sound.addvariable ("autoplay", "0"); } g_newmsg_sound.write ("head_msgsound_div"); } else if (sysmsg && syschange) { if (g_sysmsg_sound == null) { g_sysmsg_sound = new SWFObject("http://img.kaixin001.com.cn/i2/sysmsg_sound.1.0.swf", "sysmsg_sound_swf", "1", "1", "8", "#ffffff", benar); g_sysmsg_sound.addparam ("memungkinkancriptAccess", "selalu"); g_sysmsg_sound.addparam ("wmode", "opaque"); g_sysmsg_sound.addparam ("menu", "false"); g_sysmsg_sound.addvariable ("autoplay", "0"); } g_sysmsg_sound.write ("head_msgsound_div"); }} $ ("head_msgdiv"). style.display = "block"; g_blinkid = setInterval (blinknewmsg, 1000); } else if (0 && r.online.length) {g_blinkswitch = 0; g_onlineuser = r.online; g_blinkid = setInterval (BlinkOnline, 500); } untuk (i = 0; i <a_msglist.length; i ++) {if (! parseInt (r [a_msglist [i]])) {$ ("head_" + a_msglist [i] + "_num"). INNERHTML = ""; if ($ ("body_" + a_msglist [i] + "_num")) {$ ("body_" + a_msglist [i] + "_num"). className = "ql2"; $ ("body_" + a_msglist [i] + "_num"). INNERHTML = "0 item baru"; }} else {$ ("head_" + a_msglist [i] + "_num"). innerHtml = "(" + r [a_msglist [i]] + ")"; if ($ ("body_" + a_msglist [i] + "_num")) {$ ("body_" + a_msglist [i] + "_num"). className = "cr"; $ ("body_" + a_msglist [i] + "_num"). INNERHTML = r [a_msglist [i]] + "baru"; } if (a_msglist [i] == "msg") {if ('function' == typeof (msg_view_checknewmsg)) {msg_view_checknewmsg (); }; }}}} fungsi outputhead () {var v_html = '<div id = "head">'+'<vEv>'+'<div style = "margin-top: 3px;">'+'<div style = "padding-left: 18px;"> <a href = "/"> src="http://img.kaixin001.com.cn/i2/kaixinlogo.gif" /></a></div>'+' <div>'+' <div id="hn1">'+' <div><a href="/home/?t=' + Math.ceil(Math.random() * 100) + '"> Home </a> </div>'+'<div> <a href =" javascript: xs (1); "> <img src =" http://img.kaixin001.com.cn/i/r_sj.gif "/> </a> </div>'+'</div>" div> "</a> </a> </div>'+'</div>" "div>" </a> </dv>'+'</div> "' ''+'+' </a> </div> '+' </'"' "''+''+''+</a> </v> '+'" <div><a href="/home/">My home page</a></div>'+' <div><a href="/home/">My home page</a></div>'+' <div>My home page preview: </div>'+' <div>'+' <a href="/home/?_preview=friend" target=_blank OnClick = "JavaScript: hy ();"> '+' <div> style = "margin: 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> </div> '+' <Div style = "CULSOR: POINTER '; </a> '+' </div> '+' <verv> '+' <a href = "/home/? _ preview = lainnya" target = _blank onclick = "javascript: hy ();" > '+' <div style = "margin: 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-ti-tri.gif"/> </div> '+' <div style = "kursor: pointer;"> Ketika orang asing dikunjungi </div> '+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+'+ </div> '+' </div> '+' </div> '+' <div id = "hn_xx1"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+'+'+' <Div ID = "hn2 = '"/a </div>'+'+'+'<' Hn2 " Math.Ceil (Math.Random () * 100)+'"> teman </a> </div>'+'<dv> <a href =" javaScript: xs (2); "> <img src =" http://img.kaixin001.com.cn/i/i/r_sj.gif "///</<//<//</pon <//<//</<//<//<//</cn/i/i/r_sj.gif"///</</’</’ </’</’ </’</’. <!-'+' <iframe style = "Posisi: absolute; z-index: 1; lebar: ekspresi (this.nextsibling.offsetWidth); tinggi: ekspresi (this.nextsibling.offsetheight); Top: Expression (this.nextsibling.offsettop); kiri: ekspresi (ini. frameborder="0" >/iframe>'+' -->'+' <div id="hn2_l" style="z-index:2">'+' <div><a href="/friend/">My friends</a></div>'+' <div><a href="/friend/?viewtype=online">Current online friends</a></div>'+' <div><a href = "/friend/group.php"> Manajemen teman </a> </div> '+' <ver> <a href = "/home/fstatus.php"> Pembaruan Status Teman </a> </Div> '+' <Div> <a href = "/friend/invite.php"> Mengundang teman untuk bergabung dengan </a> <///div> <pite.php "> Mengundang teman untuk bergabung dengan </a> <///div/Invite.php"> Mengundang untuk bergabung dengan </a> <///div> <' href = "/friend/search.php"> Temukan teman </a> </div> '+' </div> '+' <ver> <a href = "/friend/search.php"> Temukan teman </a> </div> '+' </div> '+' <Div ID = "hn_xx2"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+' '+' <div id = "hn3"> '+' <v> <a href = "/grup/? T = '+Math.ceil (Math.random () * 100) * href = "JavaScript: xs (3);"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> </div> '+' <Div> </dv> '+' <Div id = "hn3_l"> '+' grup </a> </div> '+' <viv> <a href = "/grup/flist.php"> teman </a> </div> '+' <viv> <a href = "/group/new.php"> Buat grup baru </a> </div> '+' <v> <a href = "/group.php.php <Div id = "hn_xx3"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+'+'<div id = "hn_xx3"> <mg src = "http://img.kax3"> <mg src = "http://img.kax3"> /> </div> '+' '+' <div id = "hn4" style = "Padding-Right: 28px;"> '+' <div> <a href = "/msg/? t = '+math.ceil (math.random () * 100)+'"> JAW: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: JAV: IMG: JAV: JAV: JAV: </DIV; src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> <span style = "Posisi: absolute; atas: 5px; kiri: 65px; display: none;" id = head_msgdiv> <a href = "/msg/" style = "margin-top: -5px;"> <img src = "http://img.kaixin001.com.cn/i/ddtx.gif" onmouseover = "Javascript: xs (4);" BORDER = 0> </a> </span> </div> '+' <div> </div> '+' <div id = "hn4_l"> '+' <v div> <a href = "/msg/inbox.php? t = '+math.ceil (math.random () * 100)+'"> Pesan Singkat SPRING = "PADDING (MATH.RANDOM () * 100)+'> Pesan SPRANET =" PADDING = "PADDING:" PADDING: " id=head_msg_num></span></a></div>'+' <div><a href="/msg/sys.php?t=' + Math.ceil(Math.random() * 100) + '"">System message<span style="padding-left:2px;color:red;" id=head_sysmsg_num></span></a></div>'+' <Div> <a href = "/komentar/? T = ' + math.ceil (math.random () * 100) +'"> komentar <span style = "padding-left: 2px; warna: merah; 100) + '"> Balas Komentar <span style =" padding-left: 2px; warna: merah; "id = head_reply_num> </span> </a> </div>' + '<v div> <a href ="/komentar/uindex.php? T =' + math.ceil (Math.random () * 100) + ' style = "Padding-left: 2px; warna: merah;" id = head_bbs_num> </span> </a> </div> ' +' <ve> <a href = "/komentar/usend. id = head_bbsreply_num> </span> </a> </div> '+' </div> '+' <verv> <a href = "/friend/undangan.php"> Undang </a> ┊ <a href = "/friend/search.php"> Cari seseorang </a> ┊ <a href = "/friend/search.php"> Cari seseorang </a> ┊ <a href = "/friend/search.php"> Cari seseorang </a> ┊ <a href = " href = "/set/privacy.php"> privasi </a> ┊ <a href = "/login/logout.php"> Keluar </a> </div> '+' <v> </div> '+' </div> '</Div> </Div> <Div> </Div>'+'</Div> </Div> </Div> </Div> </Div>'+' <Div> </div> '+' <div> </div> '+' <div> </div> '+' <div> '+' <div> </div> '+' <div> '+' <div> </div> '+' <v> '+' <Div> </Div> '<verv>'+'+' ID = "App_Foto" style = "z-index: 20000; Posisi: absolute; latar belakang: #ffff; border: 2px solid #f7f7f7; lebar: 160px; tinggi: 250px; tampilan: tidak ada;"> '+' </div> '; v_index_num) {if (-1 == v_link.indexof ("?")) {v_link + = "? T =" + Math.ceil (Math.random () * 100); 12px 15px; "onMouseOver =" JavaScript: if (/'' + v_index_num + '/' ==/'1/') {$ (/'app_friend_' + v_aid + '/' ).style.display=/'block/ ';} "ontmouseout =" Javascript: $ ($' '/').style.display=/'none/';">'+' <vev> <img src = "' + v_icon +'" align = "absmiddle"/> <a href = "'v_link +'"> <b> ' + v_title +' </b> </a> "" </div> " + v_title + '</b> </a>" style = "Display: None; Padding: 8px 3px; kursor: pointer;" Onclick = "JavaScript: A_AppFriend_show (' + v_aid +', /'' + v_link + ' /', /' + v_title +' /'); src = "http://img.kaixin001.com.cn/i2/xiasanjiao.gif" align = "absmiddle"/> </div> '+' <ver> </div> '+' </div> 'v_tml;} fungsi outputapp (v_icon, v_num, v_tml; v_tml; {v_icon, V_ICon, V_ICon, V_ICon, V_ICON, V_ICON, V_ICON, V_ICON, V_ICON, V_ICON, V_ICON, V_ICON, V_ICON; Document.writeln (_OutputApp (v_icon, v_link, v_title, v_aid, v_index_num));} function _setapplisthiddeHead () {if (g_app_num ==-1) G_appnum (g_appnum> g_appnum; '<Span ID = ApplistMore Style = "Display: None">'; style = "margin-top: -10px;"> <img src = "http://img.kaixin001.com.cn/i2/xiala.gif" align = "absmiddle"> <a href = "javascript: showappmore ();" setapplisthiddentAil () {document.writeln (_setAppListhidDentAil ());} fungsi outputhead2 () {document.write ('<vli> <img src = "http://img.kaixin001.com.cn/i/index_app.gif" id = "install_tips" style = "Posisi: absolute; kiri: 110px; atas: -7px; z-index: 99; display: none;"> <div style = "padding: 7px 15px 0 0;"> <img src = "http://img.kauxin001.com.cn/black =" http://img.kauxin001.com.cn/black "http://img.kauxin001.com.cn/black" " OnClick = "h (/'install_tips/')"/> </div> <p style = "padding: 0px 20px;"> klik di sini untuk menambahkan berbagai komponen praktis atau game </p> </div> <v> <img src = "http://img.kauxin001.com.cn/i/index =" http://img.kauxin001.com.cn/i/index = "http: href = "/app/list.php"> Tambahkan komponen </a> </div> </div> <div style = "margin-top: -8px;"> <img src = "http://img.kaixin001.com.cn/i/index_app_set1.gif"/<a href = "pan = " Pengaturan </a> </div> </div> ');} function showappmore () {if ($ ("applistmore"). Style.display == "none") {$ ("applistmore"). Style.display = "block"; src = "http://img.kaixin001.com.cn/i2/shouqi.gif" align = "absmiddle"> <a href = "JavaScript: showAppmore ();" Teks = "None"; $ ("ApplistsCroll"). InnerHTML = '<img src = "http://img.kaixin001.com.cn/i2/xiala.gif" Align = "Absmiddle"> <a href = "JavaScript: showAppmore ();" outputAppInfo () {if (g_allapp_num> g_prevapp_num) {var url = "/app/left.php"; }); _OutputApp (data [i] ["ikon"], data [i] ["tautan"], data [i] ["title"], data [i] ["AID"], data [i] ["index_num"]); outputtail () {document.writeln ('<viv> </div>'+'</div>'+'<div id = "b">'+'<v> <a href = "/s/sekitar.html" target = "_ blank"> tentang kita </a> <span> ┊ </span> <span> "href =" Informasi </a> <span> ┊ </span> <a href = "/t/feedback.html" target = "_ blank"> umpan balik </a> <span> ┊ </span> <a href = "/s/help.html" target = "_ blank"> Pusat Bantuan </a> © 2009 Kaixin00....aixin001.. CLASE = CLASE = CLASS = CLASS = CLASS = CLASS = COMPLET = CLASE/COMPLET = KAIXIN © 2009 KAIXIN © 2009 href = http: //www.miibeian.gov.cn target = _blank> Beijing ICP Certificate No. 080482 </a> </div> '+' </div> ');}Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Keterampilan Operasi Ajax dalam JavaScript", "Ringkasan Efek dan Teknik Beralih JavaScript", "Ringkasan Keterampilan Pencarian JavaScript dan Ringkasan Javascript" Debracing "Debu Javascript Khusus dan Teknik", "Ringkasan Javasing Javascript" Ringkasan Javascript "Ringkasan Javascript" Ringkasan Javascript Keterampilan Algoritma "," Ringkasan Algoritma dan Teknik Traversal Javascript "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.