jquery获取head的title
$(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>
- 大小: 404 Bytes
- 大小: 370 KB
分享到：
相关推荐
利用JQUERY制作的点击图像伸展显示导航菜单广告代码.rar利用JQUERY制作的点击图像伸展显示导航菜单广告代码.rar利用JQUERY制作的点击图像伸展显示导航菜单广告代码.rar利用JQUERY制作的点击图像伸展显示导航菜单广告...
1. **jQuery库的引入**：jQuery简化了JavaScript的DOM操作，事件处理和动画制作。在创建jQuery计算器时，首先需要在HTML文件中引入jQuery库，通常通过CDN（内容分发网络）链接或本地文件路径实现。 2. **HTML结构**...
在这个“jquery左侧小标题选项卡切换.zip”压缩包中，我们看到的是一个利用jQuery实现的左侧小标题选项卡切换效果，这是一种常见的网页交互设计，尤其适用于展示多部分内容但又希望保持页面整洁有序的场景。...
HTML5+jQuery制作温馨浪漫爱心表白动画特效HTML5+jQuery制作温馨浪漫爱心表白动画特效HTML5+jQuery制作温馨浪漫爱心表白动画特效HTML5+jQuery制作温馨浪漫爱心表白动画特效HTML5+jQuery制作温馨浪漫爱心表白动画特效...
以上就是使用jQuery制作鼠标悬浮图片显示遮罩标题的基本步骤。实际应用中，可能需要根据具体需求进行调整，例如优化动画效果、调整遮罩样式等。通过学习和实践，你可以掌握更多jQuery的高级技巧，提升网页的用户体验...
这个项目“jQuery制作非常漂亮主界面”显然关注的是如何利用jQuery来构建美观且用户友好的前端界面。下面我们将深入探讨jQuery在创建出色用户界面中的关键技术和实践。 首先，jQuery的核心特性之一是选择器。它允许...
总的来说，"jQuery点击左右有标题"这个项目展示了如何利用jQuery和相关技术实现动态的标题切换功能，提供了一种交互式的用户体验。通过学习这个项目，开发者可以掌握网页动态效果的实现方法，以及如何结合HTML、CSS...
本项目“jquery制作统计表”显然利用jQuery来创建各种统计报表，帮助用户直观地呈现数据，提高数据分析和展示的效率。下面我们将深入探讨jQuery在构建统计报表中的应用以及可能涉及的技术点。 首先，jQuery的核心...
【标题】"jQuery制作自定义样式登录插件"是一个针对网页设计者和开发者的重要主题，它涉及到了如何利用JavaScript库jQuery来创建具有独特外观和功能的登录界面。这个插件的目的是提供一种方法，使登录表单能够更好地...
"使用jQuery快速高效制作网页交互特效"这个主题涵盖了许多关键知识点，包括jQuery的选择器、事件处理、动画效果、DOM操作以及插件的使用。以下是对这些知识点的详细说明： 1. **jQuery选择器**：jQuery提供了丰富的...
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
在本例中，"jQuery带缩略图与标题切换焦点图" 是一个功能丰富的焦点图插件，它结合了缩略图导航和标题显示，提供了更友好的用户体验。以下是关于这个焦点图实现的关键知识点： 1. **jQuery库**: jQuery是一个广泛...
这个项目标题提到的“Jquery 制作的一个非常强汗的购物车页面”，很显然，它涉及到的是使用jQuery来构建一个功能强大的购物车交互界面。下面我们将深入探讨jQuery在购物车页面中的应用及其相关知识点。 首先，...
本篇文章将详细讲解如何利用jQuery制作一个图片标注提示信息插件，以及涉及到的相关技术点。 首先，从标题“jQuery制作图片标注提示信息插件”来看，我们关注的核心功能是实现图片上的标注和提示信息。这种功能在...
**jQuery和CSS3文章标题动画特效详解** 在网页设计中，动态效果往往能吸引用户的注意力，提高用户体验。本文将深入探讨如何使用jQuery和CSS3来创建丰富多样的文章标题动画特效，包括打印机效果、翻转效果、翻牌效果...
本教程将详细讲解如何利用jQuery技术制作一款简洁且功能强大的日期日历控件，该控件支持多选日期，允许用户方便地选择开始和结束时间。这种控件的应用场景广泛，例如在预订系统、事件安排或数据分析中，可以极大地...
标题中的"jquery制作的磁带"指的是利用jQuery技术创建的一款具有复古风格的Web播放器，它模拟了磁带播放音乐的效果，为用户带来独特的互动体验。 ### jQuery核心概念 1. **选择器**: jQuery的选择器是基于CSS的，...
"利用jQuery进行音频文件播放"这个标题暗示我们将关注的是如何在网页上嵌入音频元素，并通过jQuery控制其播放、暂停、音量调整等操作。 首先，我们需要在HTML中创建一个`<audio>`标签，用于定义音频源。例如，如果...
本教程主要聚焦于如何利用jQuery来提升网页制作的效率，尤其针对"ACCP8.0"课程体系中的全部素材进行了详细讲解。 首先，jQuery的核心理念是“Write Less, Do More”，它通过封装JavaScript的DOM操作、事件处理、...