Rumah >hujung hadapan web >tutorial js >Bagaimana untuk melaksanakan gesaan mesej baharu dalam jquery
Bagaimana untuk melaksanakan gesaan mesej baharu dalam jquery
- 藏色散人asal
- 2021-11-19 11:06:482658semak imbas
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.
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 jquerypembelajaran yang disyorkan?
tutorial video jquery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'test.jsp' 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 = '【 】' + _title
}
if (step == 2) {
document.title = '【新消息】' + _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>.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!