تصف هذه المقالة كيف تنفذ 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. = 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 = "button" value = "button" onClick = "stopBlinkNewMsg () ؛" /> </viv> </part> </body> </html>الرجوع إلى kaixin.com's Head-26.js
var g_blinkid = 0 ؛ var g_blinkswitch = 0 ؛ var g_blinktitle = document.title ؛ var g_onlineuser = "" 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" ، 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 ؛ checkNewMsGshow (req) {var r = req.sponsetext ؛ stopBlinkNewMsg () ؛ setTimeout (CheckNewmsg ، 60000) ؛ eval ("r ="+r) ؛ var a_msglist = new array ("msg" ، "sysmsg" ، "bbsreply" ، "comment" ، "reply") ؛ if (r.notice == "1") {var flbidsound = parseint (r.forbidSound) ؛ if (! flbidsound) {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 (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) ؛ لـ (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.swf" ، "newmsg_sound_swf". "#ffffff" ، صحيح) ؛ g_newmsg_sound.addparam ("levectcriptAccess" ، "دائما") ؛ g_newmsg_sound.adddaram ("wmode" ، "infaque") ؛ g_newmsg_sound.addparam ("menu" ، "false") ؛ g_newmsg_sound.addvariable ("autoplay" ، "0") ؛ } g_newmsg_sound.write ("head_msgsound_div") ؛ } آخر إذا (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_sw". "#ffffff" ، صحيح) ؛ g_sysmsg_sound.addparam ("levectcriptAccess" ، "دائما") ؛ g_sysmsg_sound.adddaram ("wmode" ، "infaque") ؛ 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) ؛ } آخر إذا (0 && r.online.length) {g_blinkswitch = 0 ؛ g_onlineuser = r.online ؛ g_blinkid = setInterval (Blinkonline ، 500) ؛ } لـ (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 عناصر جديدة" ؛ }} آخر {$ ("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">'+'<viv>'+'<div style = "margin-top: 3px ؛">'+'<div style = "padding-left: 18px ؛"> <a href = "/" src = "http://img.kaixin001.com.cn/i2/kaixinlogo.gif"/> </a> </iv> '+' <viv> '+' <div id = "hn1"> '+' <viv> <a href = "/home/؟ t = '+math.ceil () ""> home </a> </viv> '+' <viv> <a href = "javaScript: XS (1) ؛"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> <viv> <a href = "/home/"> صفحتي الرئيسية </a> </viv> '+' <viv> <a href = "/home/"> صفحتي الرئيسية </a> </viv> '+' <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> ' <viv> </viv> '+' </a> '+' </viv> '+' <viv> '+' <a href = "/home/؟ _ Fearious = other" target = _blank onClick = "javaScript: hy () ؛" > '+' <div style = "margin: 5px 3px ؛"> <img src = "http://img.kaixin001.com.cn/i/small-tri.gif"/> </viv> '+' <div style = "cursor: pointer ؛" </viv> '+' </viv> '+' </viv> '+' <div id = "hn_xx1"> <img src = "http://img.kaixin001.com.cn/i/i/r_xx13 Math.ceil (Math.random () * 100)+'"> الأصدقاء </a> </viv>'+'<viv> <a href =" javaScript: XS (2) ؛ "> <img src =" http://img.kaixin001.com.cn/i/R_SJ.GIF "/> <!-'+' <iframe style = "الموضع: aboSt ؛ z-index: 1 ؛ العرض: التعبير (this.nextsibling.offsetwidth) ؛ الارتفاع: التعبير (this.nextsibling.offsetheight) ؛ top: expression (this.nextsibling.offsettop) ؛ expression (this.nextsibling. FrameBorder = "0">/iframe> '+'-> '+' <div id = "hn2_l" style = "z-index: 2"> '+' <viv> <a href = "/friend/"> أصدقائي </a> </a/div> '+' <div> HREF = "/Friend/Group.php" Management </a> </viv> '+' <viv> <a href = "/home/fstatus.php"> تحديث حالة الأصدقاء </a> </fiv> '+' <viv> <a href = "/friend/invite.php" href = "/friend/search.php"> ابحث عن أصدقاء </a> </viv> '+' </viv> '+' <viv> <div> <a href = "/friend/search.php"> ابحث src = "http://img.kaixin001.com.cn/i/r_xx13.gif"/> </viv> '+' '+' <div id = "hn3">+'<viv> <a href = "/group/؟ t ='+math.ceil (math.random () * href = "javaScript: XS (3) ؛"> <img src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> </iv> '+' <viv> </viv> '+' <div id = "hn3_l" المجموعة </a> </viv> '+' <viv> <a href = "/group/flist.php"> الأصدقاء </a> </viv> '+' <viv> <a href = "/group/new.php"> إنشاء مجموعة جديدة </a> </iv> '+' <div> <div id = "hn_xx3"> <img src = "http://img.kaixin001.com.cn/i/r_xx13 /> </viv> '+' '+' <div id = "hn4" style = "padding-right: 28px ؛"> '+' <viv> <a href = "/msg/؟ t = '+math.ceil (math.random () * 100)+'"> message </a/div> ' src = "http://img.kaixin001.com.cn/i/r_sj.gif"/> </a> <span style = "الموضع: absolute ؛ top: 5px ؛ اليسار: 65px ؛ عرض: 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> </viv> '+' <viv> </viv> '+' <div id = "hn4_l"> '+' <viv> <a href = "/msg/inbox.php؟ t = '+math.ceil (random () * 100)+' ' id = head_msg_num> </span> </a> </viv> ' +' <viv> <a href = "/msg/sys.php؟ t = ' + math.ceil (math.random () * 100) +'"> message <s span style = "padding-left: 2px ؛ color: id = head_sysm_num> </span> <viv> <a href = "/comment/t = ' + math.ceil (math.random () * 100) +'" 100). style = "padding-left: 2px ؛ color: red ؛" id = head_bbbsreply_num> </span> </a> </viv> '+' </viv> '+' <viv> <div> <a href = "/friend/invite.php"> invite </a> ┊ <a href = "/friend/search.php"> href = "/set/privacy.php"> privacy </a> ┊ <a href = "/login/logout.php"> exit </a> </viv> '+' <viv> </viv> '+' </viv> '+' <viv> </viv> '+' </div> '+' <viv> </viv> '+' <viv> </viv> '+' <viv> </viv> '+' <viv> '+' <viv> </viv> '+' <viv> '+' <viv> </div> '+' <viv> '+' <viv> </viv> '+' <viv> '+' id = "app_friend_tip" style = "z-index: 20000 ؛ الموقّع ؛ الخلفية: #ffff ؛ الحدود: 2px solid #f7f7f7 ؛ العرض: 160px ؛ الارتفاع: 250px ؛ display: none ؛"> '+' </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/' ؛ '/'mremelet.style.display=/'none/' ؛">+' <div> <img src = "' + v_icon +'" align = "absmiddle"/> <a href = "'' + v_link + '"> <b>' + v_title + '</b> </a> </div> Style = "Display: None ؛ Padding: 8px 3px ؛ Cursor: Pointer ؛" src = "http://img.kaixin001.com.cn/i2/xiasanjiao.gif" align = "absmiddle"/> </div> '+' <div> </viv> '+' </viv> '؛ document.writeln (_outputapp (v_icon ، v_link ، v_title ، v_aid ، v_index_num) إرجاع '<span id = applistmore style = "display: none">' ؛ id = applistscroll = "margin-top: -10px ؛"> <img src = "http://img.kaixin001.com.cn/i2/xiala.gif" align = "absmiddle"> '' ؛} الوظيفة setAPplISTHIDDentail () {document.writeln (_SETAPPLISTHIDDENTAIL () id = "install_tips" style = "الموضع: مطلق ؛ اليسار: 110px ؛ أعلى: -7px ؛ z-index: 99 ؛ عرض: لا شيء ؛"> <div style = "padding: 7px 15px 0 0 ؛ onClick = "H (/'install_tips/')"/> </viv> <p style = "padding: 0px 20px ؛"> انقر هنا لإضافة مكونات عملية أو ألعاب مختلفة </p> </viv> <div> <img src = "http://img.kaixin001.com.cn/iindex_app_add1.gif href = "/app/list.php"> إضافة مكون </a> </div> </viv> <div style = "margin-top: -8px ؛"> <img src = "http://img.kaixin001.com.cn/i/INDEX_APP_SET1.GIF"/> الإعدادات </a> </div> </viv> ') ؛} showappmore () {if ($ ("applistmore") .display == "none") {$ ("applistmore"). style.display = "block" ؛ src = "http://img.kaixin001.com.cn/i2/shouqi.gif" align = "absmiddle" $ ("applistscroll"). innerhtml = '<img src = "http://img.kaixin00.com.cn/i2/xiala.gif" align = "absmiddle"> if (g_allapp_num> g_prevapp_num) OutplInfoajaxShow (req) {eval ("data =" البيانات [i] ["link"] ، البيانات [i] ["title"] ، data [i] document.writeln ('<viv> </viv>'+'</viv>'+'<div id = "b">'+'<viv> <a href = "/s/about.html" target = "_ blank"> عننا </a> <span> </span> <a href = "/s/contact.html" target = "_ blank" المعلومات </a> <span> ┊ </span> <a href = "/t/feedback.html" target = "_ blank"> التغذية المرتدة </a> <span> ┊ </span> <a href = "/s/help.html" target = "_ blank"> center © 2009 Kaixin00.com <a c HREF = http: //www.miibeian.gov.cn target = _blank> Beijing ICP شهادة رقم 080482 </a> </viv> '+' </viv> ') ؛}لمزيد من المعلومات حول المحتوى المتعلق بـ JavaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص مهارات تشغيل Ajax في JavaScript" ، "ملخص لتأثيرات تبديل JavaScript وتقنيات" ملخص "خوارزمية JavaScript" و "ملخص" للمهارات ". مهارات الخوارزمية "،" ملخص خوارزميات وتقنيات JavaScript Traversal "و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.