이 기사에서는 JS가 메시지가 올 때 웹 페이지 제목을 플래시하는 효과를 구현하는 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml"> <Head Runat = "Server"> <title> unt title page </title> <cript> var g_blinkid = 0; var g_blinkswitch = 0; var g_blinktitle = document.title; var g_syser = ";"; null; var g_newmsg_sound = null; var g_app_num = 0; var g_appnum = 0; var g_bappmore = false; var g_inputtime = 0; function blinknewmsg () {document.title = g_blinkswitch % 2 == 0? " +" - " + G_BLINKTITLE :"새로운 뉴스】 - " + G_BLINKTITLE; g_blinkswitch ++;} g_blinkid = setInterval (blinknewmsg, 1000); 함수 stopblinknewmsg () {if (g_blinkid) {clearinterval (g_blinkid); g_blinkid = 0; 문서 .title = g_blinktitle; }} </script> </head> <body> <form id = "form1"runat = "server"> <div> <입력 id = "button1"type = "button"value = "button"onclick = "stopBlinkNewmsg ();"; /> </div> </form> </body> </html>Kaixin.com의 Head-26.js를 참조하십시오
var g_blinkid = 0; var g_blinkswitch = 0; var g_blinktitle = docut blinknewmsg () {var now = new Date (); var now = now.gettime (); if (nowtime -g_inputtime> 5000) {document.title = g_blinkswitch % 2? " +" - " + G_BLINKTITLE :"새로운 뉴스】 - " + G_BLINKTITLE; } g_blinkswitch ++;} 함수 blinkonline () {document.title = g_blinkswitch % 2? "○" + g_onlineuser + "는 온라인입니다-" + g_blinktitle : "●" + g_onlineuser + "는 온라인입니다-" + g_blinktitle; g_blinkswitch ++; if (g_blinkswitch> 10) {stopblinkNewmsg (); }} 함수 checkNewmsg () {var url = "/home/newmsg.php"; var pars = ""; var myajax = new ajax.request (url, {method : "post", past : pars, oncomplete : function (req) {checknewmsgshow (req);}});} 함수 stopblinknewmsg () {if (g_blinkid) {clearinterval (g_blinkid); g_blinkid = 0; $ ( "head_msgdiv"). style.display = "none"; 문서 .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); 평가 ( "r ="+r); var a_msglist = new Array ( "msg", "sysmsg", "bbsreply", "comment", "reply"); 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 "). 평가 ( "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); for (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 = new swfobject ( "http://img.kaixin001.com.cn/i2/newmsg_sound.1.0.swf", "newmsg_sound_swf" "#ffffff", true); g_newmsg_sound.addparam ( "striptaccess", "항상"); g_newmsg_sound.addparam ( "wmode", "opaque"); g_newmsg_sound.addparam ( "메뉴", "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", "" "#ffffff", true); g_sysmsg_sound.addparam ( "allistcriptAccess", "항상"); g_sysmsg_sound.addparam ( "wmode", "opaque"); g_sysmsg_sound.addparam ( "메뉴", "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); } for (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 새 항목"; }} 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]] + "new"; } if (a_msglist [i] == "msg") {if ( 'function'== typeof (msg_view_checknewmsg)) {msg_view_checknewmsg (); }; }}}} 함수 outputhead () {var v_html = '<div id = "head">'+'<div>'+'<div style = "margin-top : 3px;">'+'<div style = "Padding-left : 18px;"> <a href = "/"> <img src = "http://img.kaixin001.com.cn/i2/kaixinlogo.gif"/> </a> </div> '+'<div> '+'<div id = "hn1"> '<div> <a href = "/home/? t ='+Math.random () * 100)+ ' "> home </a> </div>'+'<div> <a href ="javaScript : xs (1); "> <img src ="http://img.kaixin001.cn/i/r_sj.gif "/> </a> </div>'<div> </div> '<hn1_l"> <div> <a href = "/home/"> 나의 홈 페이지 </a> </div> '+'<div> </home/"> 내 홈 페이지 </a> </div> '+'<div> 내 홈 페이지 미리보기 : </div> '<div>'+'<a href ="/home/? onclick = "javaScript : hy ();"> '+'<div> style = "마진 : 5px 3px;"> <img src = "http://img.kaixin001.cn/i/small-tri.gif"/> </div> '+'<div Style = "cursor : pointer;"; "> <div> </div> '+'</a> '+'</div> '+'<div> '+'<a href = "/home/? > '+'<div style = "마진 : 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> </div> '+'<div Style = "Cursor : pointer;"<div> </div> '</div>'</div> '</a>'+'</div>'<div style = " </div> '+'</div> '+'</div> '+'<div id = "hn_xx1"> <img src = "http://img.kaixin001.cn/i/r_xx13.gif"/> </div> '+' '<<div id = "hn2"> math.ceil (math.random () * 100)+' "> friends </a> </div>'+'<div> <a href ="javaScript : xs (2); "> <img src ="http://img.kaixin001.com.cn/i/r_sj.gif "/> </a> <!-'+'<iframe style = "위치 : 절대; z- 안드 덱스 : 1; 너비 : 표현식 (this.nextsibling.offsetwidth); 높이 : expression (this.nextsibling.offsetheight); 상단 : 표현식 (this.nextsibling (this.nextsibling.offsetleft);"; Frameborder = "0">/iframe> '+'-> '+'<div id = "hn2_l"style = "z-index : 2"> '+'<div> <a href = "/friend/"> 내 친구 </a> </div> '</div>'<div> <a href = "/friend/?? href = "/friend/group.php"> 친구 관리 </a> </a> </div> '+'<div> <a href = "/home/fstatus.php"> 친구 상태 업데이트 </a> </div> '+'<div> <a href = "/friend/invite.php"> 가입 </a> </div> '<<a <a <a <a <a <a <a <a <div>'<div> <div> <div> <div> <div> <div> ' href = "/friend/search.php"> 친구 찾기 </a> </a> </div> '+'</div> '+'<div> <a href = "/friend/search.php"> 친구 찾기 </a> </divx2 "</div> '<div id ="hn_xx2 "> img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+' '+'<div id = "hn3"> '+'<div> <a href = "/group/? t = '+math.random ()+'</div> '<</div>'</' href = "javaScript : xs (3);"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a div> '+'<div> </div> '<div id = "hn3_"> Group </a> </div> '+'<div> <a href = "/group/flist.php"> friends </a> </div> '<div> <a href = "/group/new.php"> 새 그룹 생성 </a> </div>'+'<liv> <a href = "/group/searkp.php"> 모든 그룹 </a> </a> <div id = "hn_xx3"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+' '+'<div id = "hn_xx3"> <img src = "http://img.kaixin001.cn/i/r_x13333.cn/i/r. /> </div> '+' '+'<div id = "hn4"style = "padding-right : 28px;"> '+'<div> a href = "/msg/? t = '+math.ceil (math.random () * 100)+'"> 메시지 </a> </div> '<<div> <a href = "xs (4); src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> <span style = "위치 : 절대; 상단 : 5px; 왼쪽 : 65px; display : none;" id = head_msgdiv> <a href = "/msg/"style = "margin-top : -5px;"> <img src = "http://img.kaixin001.cn/i/ddtx.gif"onmouseover = "javascript : xs (4);" Border = 0> </a> </span> </div> '+'<div> </div> '+'<div id = "hn4_l"> '<div> <a href = "/msg/inbox.php? t ='+math.ceil (math.random () * 100)+'"> 짧은 메시지 <span style = "padding-left : 2px;" id = head_msg_num> </span> </a> </div> ' +'<div> <a href = "/msg/sys.php? t = ' + math.ceil (math.random () * 100) +'" "> 시스템 메시지 <span style ="padding-left : 2px; color : "id = head_sysmsmsg <div> <a href = "/comment/? t = ' + math.ceil (math.random () * 100) +'"> 댓글 <span style = "padding-left : red; id = head_comment_num> </a> </a> </div> ' +'<div> <a href =" + math. 100) + ' "> 주석 답장 <span style ="padding-left : 2px; color : red; "id = head_reply_num> </span> </a> </div>' + '<div> <a href ="/comment/uindex.php? id = head_bbs_num> </span> </a> </div> ' +'<div> <a href = "/comment/usend.php? t = ' + math.ceil (math.random () * 100) +'"> <spant = "padding-left : 2px; color : red = head </span divy;" </div> '+'<div> <a href = "/friend/invite.php"> invite </a> </a> </a> <a href = "/friend/search.php"> 누군가를 찾습니다 </a> <a href = "/set/account.php"> ac href = "/login/logout.php"> exit </a> </div> '+'<div> </div> '+'</div> '+'<div> </div> '+'<div> </div> '+'<div> </div> '+'<div> '</div> </div> </div>'+'+'+'</div>'+'</div>'</div> <div> '+'<div> </div> '+'<div> '+'<div> </div> '+'<div> '<div>'+'<div> </div>'+'<div>'+'id = "app_friend_tip"style = "z-index : 20000; 위치 : 절대; 배경 : #ffff; 테두리 : 2px solid #f7f7f7; 너비 : 160px; 높이 : 250px; display : none; "> '+'</div> '; docum + = "? '/'==/'1/') {$ (/'app_friend_' + v_aid + '/'/'/'/'style.display=/'Block/';} "onMouseOut ="javaScript : $ (/'app_friend_' + v_aid + '/') .Style.display=/'none/'; 'align = "absmiddle"/<a href = "' + v_link + '"> <b>' + v_title + '</b> </a> </div>' + '<div id = "app_friend_' + v_aid + '"style = "padding : 8px 3px; cursor : pointer"japclick = "javascript : a a a a a a a a a a a a a a a a a a a a a a a affience :" + v_aid + ',/' ' + v_link +'/',/' ' + v_title +'/'); "> <img src ="http://img.kaixin001.cn/i2/xiasanjiao.gif "align ="absmiddle "/> </div>'<div> '</div>'</div> '; v_html;} 함수 outputapp (v_icon, v_link, v_title, v_aid, v_index_num) {document.writeln (_outputapp (v_icon, v_link, v_title, v_aid, v_index_num); '; _setApplisthidDentail () {if (g_app_num == -1) return ''; if (g_bappmore) {return '</span> <div id = applistscroll style = "margin-top : -10px;"> <img src = "http://img.kaixin001.com.cn/i2/gif" align = "absmiddle"> <a href = "javaScript : showappmore ();"텍스트-설명 : none; "> return </a> </div> '; document.write ( '<div> <img src = "http://img.kaixin001.com.cn/i/index_app.gif"/> </div> <div style = "위치 : 상대;"> <div id = "install_tips"style = "위치 : 왼쪽 : 110px; 스타일 = "패딩 : 7px 15px 0 0;"> <img src = "http://img.kaixin001.c.cn/i2/black_del.gif"style = "cursor : onclick ="h (/'install_tips/') "</div> <p style ="; 구성 요소 </p> </div> <div> <img src = "http://img.kaixin001.com.cn/i/index_app_add1.gif"/> <a href = "/app/list.php"> component </a> </div> <div style = "margin-top : -8px; src = "http://img.kaixin001.com.cn/i/index_app_set1.gif"/> <a href = "/set/appman.php"> 구성 요소 설정 </a> </div> </div> ');} 함수 showappmore () {if ( "Applistmore"). $ ( "ApplistMore"). Style.display = "block"; $ ( "applistscroll"). innerhtml = '<img src = "http://img.kaixin001.cn/i2/shouqi.gif"align = "absmiddle"> "텍스트-결정 : 없음;"> Close </a> '; href = "showappmore ();"; "POST", PARS, ONCOMPLET (req) {outputAppinfoajaxshow (}}) {req); V_HTML += _SETAPPLISTHIDDENHEAD (); V_HTML += _UTPUTAPP (Data [I] [링크 "], 데이터 [I] ["AID "], DATA [I] ["index_num "); $ ( "head_applist"). innerhtml = v_html;} function outputtail () {divic> </div> '+'</div> '+'<div id = "b"> '<+'<a href = "/s/about.html"target = "_ blank"> us </a> </a> href = "/s/contact.html"target = "_ blank"> 연락처 정보 </a> <span> </span </span> <a href = "/t/feedbly.html"target = "_ blank"> 피드백 </a> <span> ┊ </span <a href = "/s/help.html"target = "_ blank"> © © ^ ka and and heel </aiiic ". <a class = c6 href = http : //www.miibeian.gov.cn target = _blank> 베이징 ICP 인증서 번호 080482 </a> '+'</div> ');};JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript의 AJAX 운영 기술 요약", "JavaScript Switching 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "Javascript 특수 효과 및 기술", "Javascript Ordors", "Javas Scrielg의 요약" 알고리즘 기술 ","JavaScript Traversal 알고리즘 및 기술의 요약 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.