В этой статье описывается, как JS реализует эффект от того, чтобы сделать вспышку веб -страниц, когда появляются сообщения. Поделитесь этим для вашей ссылки, следующим образом:
<html xmlns = "http://www.w3.org/1999/xhtml"> <head runat = "server"> <title> unt title page </title> <script> var g_blinkid = 0; var g_blinkswitch = 0; var g_blinktle = document.title; = 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); function stopblinknewmsg () {if (g_blinkid) {clearInterval (g_blinkid); g_blinkid = 0; document.title = g_blinktitle; }} </script> </head> <body> <form id = "form1" runat = "server"> <div> <input id = "button1" type = "кнопка" value = "onclick =" stopblinknewmsg (); " /> </div> </form> </body> </html>Обратитесь к Head-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 now = new Date (); var now = now.gettime (); if (сейчас время - g_inputtime> 5000) {document.title = g_blinkswitch % 2? "【】 -" + g_blinktitle: "【Новые новости】 -" + g_blinktitle; } g_blinkswitch ++;} function blinkonline () {document.title = g_blinkswitch % 2? "○" + g_onlineUser + "- онлайн-" + g_blinktitle: "●" + g_onlineuser + "- онлайн-" + 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", paramets: 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.responsetextxt; stopblinknewmsg (); SetTimeout (CheckNewMsg, 60000); eval ("r ="+r); var a_msglist = new Array («msg», «sysmsg», «bbsreply», «Комментарий», «Ответить»); 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"). innerhtml); 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); 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_sound_sw. "#ffffff", True); g_newmsg_sound.addparam ("AllingCrickAccess", "Always"); 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.,", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",". "#ffffff", True); g_sysmsg_sound.addparam ("AllingCrickAccess", "Always"); 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); } 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 = "lapding-left: 18px;"> <a href = "/"> <img = " src = "http://img.kaixin001.com.cn/i2/kaixinlogo.gif"/> </a> </div> '+' <div> '+' <div id = "hn1"> '+' <div> <a href = "/home/? '> Home </a> </div>'+'<div> <a href = "javascript: xs (1);"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> </div>'+'<div> </div>'+'<diver = "hn'> <div> <a href = "/home/"> моя домашняя страница </a> </div> '+' <div> <a href = "/home/"> моя домашняя страница </a> </div> '+' <div> моя домашняя страница Предварительная страница: </div> '+' <div> '+' <a href = "/home/? onclick = "javascript: hy ();"> '+' <viv> style = "margin: 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> </div> '+' <div Style = "cursor: pointer; <div> </div> '+' </a> '+' </div> '+' <div> '+' <a href = "/home/? _ preview = Другой" target = _blank onclick = "javascript: hy ();" > '+' <div style = "margin: 5px 3px;"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> </div> '+' <div Style = "cursor: pointer;"> Когда Stugning видит </div> '+' <div> </'+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+' '+'. </div> '+' </div> '+' </div> '+' <div id = "hn_xx1"> <img src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+'+'<div = "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> </div>'/div> '/div>'/div> '/div>'/div> '/'/div> '/div>'/div> '/div>'/div> '/div>'/div> '/div>'/div> '/div>'/div> '/div>'/div> '/div>'/'/div> <!-'+' <iframe style = "Положение: Absolute; z-index: 1; ширина: выражение (this.nextsibling.offsetwidth); высота: выражение (this.nextibling.offsetheight); top: выражение (this.nextbilling.offsettop); слева: выражение (this.nextsibling.offsetleft); frameborder = "0">/iframe> '+'-> '+' <div id = "hn2_l" style = "z-index: 2"> '+' <div> <a href = "/friend/"> My Friends </a> </div> '+' <Div> <a href = "/friend/? Viewtyp = Online"> Diver </a> </href = "/friend/? href = "/friend/Group.php"> Управление другом </a> </div> '+' <Div> <a href = "/home/fstatus.php"> Обновление статуса друга </a> </div> '+' <Div> <a href = "/friend/vitite.php"> Пригласить друзей присоединиться </a> </div> '+' <div> href = "/frow/search.php"> найти друзей </a> </div> '+' </div> '+' <div> <a href = "/frow/search.php"> найти друзей </a> </div> '+' </div> '+' <div = "hn_xx2"> <img. src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </div> '+' '+' <div Id = "hn3"> '+' <div> <a href = "/group/? t = '+math.ceil (math.random () * 100)+'"> group </? href = "javascript: xs (3);"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> </div> '+' <div> </div> '+' <div id = "hn3_l"> '+' <div> <a href = "/haref ="/har Группа </a> </div> '+' <div> <a href = "/group/flist.php"> друзья </a> </div> '+' <div> <a href = "/group/new.php"> создать новую группу </a> </div> '+' <div> <a href = "/group/pearch.ph <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.com.cn.cm.c.gif1.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.cm.c.giF1.c. /> </div> '+' '+' <div id = "hn4" style = "adding-right: 28px;"> '+' <div> <a href = "/msg/? t = '+math.ceil (math.random () * 100)+'"> Сообщение </a> </div> '+' <div> <a href = "javascript: xs (4); src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> <span style = "Положение: Absolute; Top: 5px; слева: 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"> '+' <div> <a href = "/msg/intobox.php? t = '+math.ceil (math.random () * 100)+'"> короткое сообщение <span style = "padving-left: 2px; id = head_msg_num> </span> </a> </div> ' +' <div> <a href = "/msg/sys.php? t = ' + math.ceil (math.random () * 100) +'" "> Системное сообщение style =" adding-left: 2px; color: "id = head_sysmssg_num> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> ' <div> <a href = "/comment/? t = ' + math.ceil (math.random () * 100) +'"> comment <span style = "lapding-left: 2px; цвет: красный;" id = Head_comment_num> </span> </a> </div> 100) + '"> reply Comment <span style =" addding-left: 2px; color: red; "id = head_reply_num> </span> </a> </div>' + '<div> <a href ="/comment/uindex.php? T =' + math.ceil (math.random () * 100) + '"> poard opport <pran style =" padling-low-lof-lopx: 2; id = head_bbs_num> </span> </a> </div> ' +' <div> <a href = "/commint/usend.php? t = ' + math.ceil (math.random () * 100) +'"> Оставьте ответ <Span Style = "padding-left: 2px; color: red;" </div> '+' <Div> <a href = "/friend/vitite.php"> vitite </a> ┊ <a href = "/friend/search.php"> ищите кого -то </a> ┊ <a href = "/set/account.php"> account </a> <a href = "/set/privacy.php"> privacy </a> <a href = "/set/privacy.php" 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> '</div>' </div> '</div>' </div> <div> '+' <div> </div> '+' <div> '+' <div> </div> '+' <div> '+' <div> </div> '+' <div> '+' id = "app_friend_tip" style = "z-index: 20000; позиция: абсолютный; фон: #ffff; #F7f7f7; width: 160px; высота: 250px; display: none; "> '+' </div> '; document.writeln (v_html);} function _outputapp (v_icon, v_link, v_title, v_aid, v_index_num) {if (1 == v_title, v_aid, v_index_num) {if (1 == v_title, v_aid, v_index_num). + = "? '/' ==/'1/') {$ (/'app_friend_' + v_aid + '/'').style.display=/'block/';} "onmouseout =" javascript: $ (/'app_friend_' + v_aid + '/'').style.display=/'none/';; les' <img + v_g v_rc v_rc v_srtyle.display=/'none/. 'align = "absmiddle"/> <a href = "' + v_link + '"> <b>' + v_title + '</b> </a> </div>' + '<div Id = "app_friend_' + v_aid + '" style = "disply: none; padding: 8px 3px; cursor: pinter; + v_aid + ',/' ' + v_link +'/',/' ' + v_title +'/'); "> <img src =" http://img.kaixin001.com.cn/i2/xiasanjiao.gif "align =" absmiddle "/> </div>' + '<div> </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));} function _setapplishdeDeDeDeDeled () {if_Index_num);} '; _SetApplisthidDentail () {if (g_app_num ==-1) return ''; if (g_bappmor align = "absmiddle"> <a href = "javascript: showappmore ();" style = " document.write ('<div> <img src = "http://img.kaixin001.com.cn/i/index_app.gif"/> </div> <div style = "Положение: относительно;"> <div id = "install_tips". Style = "Padding: 7px 15px 0 0;"> <img src = "http://img.kaixin001.com.cn/i2/black_del.gif" style = "cursor: pointer;" onclick = "h (/'install_tips/') Компоненты </p> </div> <div> <img src = "http://img.kaixin001.com.cn/i/index_app_add1.gif"/> <a href = "/app/list.php"> Добавить компонент </a> </div> </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"; Style = "Текст-декорация: нет;"> Close </a> '; href = "javascript: showappmore ()" «Пост», параметры: pars, oncomplete: function (req) {outputappinfoajaxshow (req); v_html += _setapplishiddenhead (); $ ("head_applist"). innerhtml = v_html;} function output hail () {document.writeln ('<div> </div>'+'</div>'+'<div id = "b">'+'<div> <a href = "/s/able.html" href = "/s/contact.html" target = "_ blank"> контактная информация </a> <pan> ┊ </span> <a href = "/t/обратная связь.html" target = "_ blank"> обратная связь </a> <pran> ┊ </span> <a href = "/s/s help.html". kaixin001.com <a class = c6 href = http: //www.miibeian.gov.cn target = _blank> Пекинг ICP Сертификат № 080482 </a> </div> '+' </div> ');}For more information about JavaScript related content, please check out the topics of this site: "Summary of ajax operation skills in JavaScript", "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation special effects and techniques", "Summary of JavaScript errors and debugging skills", "Summary of JavaScript data structures and Алгоритм навыки »,« Сводка алгоритмов и методов обхода JavaScript »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.