Rumah > hujung hadapan web > tutorial js > Bagaimana untuk melaksanakan gesaan mesej baharu dalam jquery

Bagaimana untuk melaksanakan gesaan mesej baharu dalam jquery

藏色散人
Lepaskan: 2021-11-19 11:06:48
asal
2665 orang telah melayarinya

Cara melaksanakan gesaan mesej baharu dengan jquery: 1. Buat fail sampel HTML 2. Tambah tag skrip 3. Lulus "blinkTitle: {; show : function() { var step =...}" kaedah untuk melaksanakan gesaan mesej baharu.

Bagaimana untuk melaksanakan gesaan mesej baharu dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows7, jquery - Versi 2.0.3, komputer Dell G3

Bagaimana untuk melaksanakan gesaan mesej baharu dengan jQuery Artikel ini terutamanya memperkenalkan jQuery untuk melaksanakan maklumat yang berkaitan untuk mesej baharu dalam tajuk halaman web sesiapa yang memerlukannya boleh merujuknya

Sesetengah juruweb mungkin menyedari kesan ini, iaitu apa yang kami lakukan dalam sesetengah sosial dan komuniti SNS Apabila melayari forum, kami sering melihat tajuk mesej baharu yang diterima berkelip gunakan kesan ini pada tapak web kami sendiri? Bagaimanakah kita boleh mencapai kesan daripada memancarkan tajuk mesej baharu pada laman web tertentu yang melihat kod sedemikian, berdasarkan rangka kerja jquery

pembelajaran yang disyorkan?

tutorial video jquery

"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<base href="<%=basePath%>"> 
<title>My JSP &#39;test.jsp&#39; starting page</title> 
</head> 
<body> 
<p style="text-align: center;"> 
请看网页标题处效果! 
<br /> 
隔10秒后提示消失 
</p> 
<script type="text/javascript"
src="script/jquery-2.0.3.js"> 
</script> 
<script type="text/javascript"> 
  
(function($) { 
$.extend( { 
/** 
* 调用方法: var timerArr = $.blinkTitle.show(); 
* $.blinkTitle.clear(timerArr); 
*/
blinkTitle : { 
show : function() { //有新消息时在title处闪烁提示 
var step = 0, _title = document.title; 
var timer = setInterval(function() { 
step++; 
if (step == 3) { 
step = 1 
} 
  
if (step == 1) { 
document.title = &#39;【   】&#39; + _title 
} 
  
if (step == 2) { 
document.title = &#39;【新消息】&#39; + _title 
} 
  
}, 500); 
return [ timer, _title ]; 
}, 
/** 
* @param timerArr[0], timer标记 
* @param timerArr[1], 初始的title文本内容 
*/
clear : function(timerArr) { //去除闪烁提示,恢复初始title文本 
if (timerArr) { 
clearInterval(timerArr[0]); 
document.title = timerArr[1]; 
} 
  
} 
} 
}); 
})(jQuery); 
jQuery(function($) { 
var timerArr = $.blinkTitle.show(); 
setTimeout(function() { //此处是过一定时间后自动消失 
$.blinkTitle.clear(timerArr); 
}, 10000); 
//若认为操作消失,只需如此调用: $.blinkTitle.clear(timerArr); 
}); 
</script> 
<br /> 
</body> 
</html>
Salin selepas log masuk
.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan gesaan mesej baharu dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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