2011-07-16 76 views
15

如何使用Jquery将现有标题修改为鼠标悬停标题,就像在Facebook标题链接上一样。使用Javascript更改标题

+0

你可以看到一个例子jQuery代码[这里](HTTP:// jQuery的HOWTO .blogspot.com/2012/12 /变化的文档标签标题-jquery.html)。 – Uzbekjon

+0

[使用Jquery更改页面标题]的可能的副本(http://stackoverflow.com/questions/7173596/changing-the-page-title-with-jquery) – kapa

回答

25

你不需要jQuery。

document.title = 'My new title here'; 
10

使用javascript。 jQuery将不会帮助你在这里:

document.title = 'New Title'; 

你可以插入到一个jQuery鼠标悬停回调函数,如果你想要的。

3

尝试:

document.title = 'title'; 
6

我会延长这些其他的答案,这个码应该这样做的全部,只是一定要更改选择类,以及新标题文本。

(function(){ 
    var oldtitle; 
    jQuery('a.yourlink').hover(
     function() { 
      oldtitle = document.title; 
      document.title = 'Your New Title'; 
     }, 
     function() { 
      document.title = oldtitle; 
     } 
    ); 
})(); 

这里是一个演示的jsfiddle我所做的更改对象的文本,而不是窗口标题:http://jsfiddle.net/MpZGf/1/

+0

看起来像'oldTitle'将会超出范围这是第二次需要。 – bbg

+0

这不起作用。当第二个函数被调用时,oldtitle将不存在。您必须将旧标题移动到更高的范围或将其保存在其他地方。 – jfriend00

+0

好点,我已经更新它来修复:D – Toby