$(document).ready(function(){
alert($("title").html());
$(document)[0].title='dd';
});
jquery(function($) {
setinterval(function(){
$.get("untitled-2.html", function(data){
if(data == 1){//有新消息
var timerarr = $.blinktitle.show();
setinterval(function() { //此處是過一定時間後自動消失
$.blinktitle.clear(timerarr);
}, 4000)
}else{
$.blinktitle.clear(timerarr);
}
});
},4000);
//若認為操作消失,隻需如此調用: $.blinktitle.clear(timerarr);
送達方式發
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>新消息閃爍提示demo</title>
</head>
<body>
<p style="text-align:center;">請看網頁标題處效果!
<br/>隔10秒後提示消失
</p>
<script type="text/javascript" src="../js/jquery-1.4.2.min.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>
</body>
</html>