WP Trick

去除鼠标悬停导航栏时的提示信息

Nov 16th, 2009 Add Comment

去除鼠标悬停导航栏时的提示信息

WordPress 上, 我们一般会将页面列表或者分类列表做成导航栏. 但无论是页面还是分类, 都存在个小问题, 当鼠标悬停在导航项时就是出现讨厌的提示信息, 也就是标签上的 title 信息. 下面我会告诉大家如何去除这些讨厌的提示信息. (以页面列表为例)

1. PHP 方式
取得输出的 HTML 文本, 用正则式除去 title 属性后在输出.

<?php
	// 获取页面列表, 不输出而是作为一个数组
	$pages = wp_list_pages('echo=0');
	// 用正则表达式去除所有提示信息
	echo preg_replace('/title=\"(.*?)\"/','',$pages);
?>

2. JavaScript 方式
可以在导航栏下方, 或者在页面文档加载完成后, 找到所有导航项的页面元素, 并删除这些元素上的 title 属性.

// 找到上层的导航栏对象
var navi = document.getElementById('navigation');
// 找到所有菜单链接
var menus = navi.getElementsByTagName('a');
// 去除每个菜单链接上的提示信息
for(var i=0; i<menus.length; i++) {
	menus[i].removeAttribute('title');
}

本站使用的是 PHP 方式, 因为它的处理代价会比 JS 方式的小一些, 代码也可以集中放置, 方便修改. 我也将会在所有发布的主题上采用这个方式去除提示信息, 对此有异议的同学请抓紧时间在此留言.

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: 去除鼠标悬停导航栏时的提示信息

25 Comments

abao | Apr 5th, 2011 at 02:24

請問我想把全站所有的提示信息都去掉要怎麼弄？
image和所有的category都會跑出那個小提示真的很煩.......
sam | Jan 28th, 2011 at 10:38

wp_list_categories也可以了,抱歉
1,html

2,in functions
sam | Jan 28th, 2011 at 10:26

对wp_list_categories也行吗?我试了好像不行
左手烟 | Jan 4th, 2010 at 13:22

我觉得你英文的导航配上中文的提示，不是更好？
Eureka | Nov 25th, 2009 at 19:08

这个不错，简单实用
star399 | Nov 22nd, 2009 at 10:39

我的还是Z-blog!!!
itlobo | Nov 21st, 2009 at 13:37

没有意见.
Jutoy | Nov 18th, 2009 at 19:15

那个东西有时候挺讨厌的…不过还好啦……
Leo.N | Nov 17th, 2009 at 14:29

@mg12
看走眼了吧，我的就是wp。。。。
mg12 | Nov 17th, 2009 at 12:30

@Leo.N
貌似你用的不是 WP 吧.

@bolo
这个对 SEO 没啥影响吧, 因为页面标题就是文字.

@qiqiboy
因为在 Opera 等一些浏览器中, title 是鼠标移动到目标元素时立即显示的, 不是很美观.
浩子 | Nov 17th, 2009 at 09:15

我也没有删除~
园子 | Nov 17th, 2009 at 09:06

我没有啥意见
有没有感觉均可~
trylife | Nov 17th, 2009 at 02:15

看过留记号
Louis Han | Nov 17th, 2009 at 01:26

我没有异议
Justice | Nov 17th, 2009 at 00:33

我还挺喜欢看这个提示的...看看作者是怎么介绍这个链接的...
Dreamix | Nov 16th, 2009 at 23:32

前排支持，今天刚刚用到了你的那篇“搜索栏提示信息”的文章~
Mars | Nov 16th, 2009 at 23:08

为什么要去除。。。我觉得没这个必要啊
jingkong | Nov 16th, 2009 at 22:56

万戈 :
俺用手动删除title，哈哈

貌似你的没有效果呀。
qiqiboy | Nov 16th, 2009 at 22:09

这个为什么要去除。。。我觉得没这个必要啊
Gala Chen | Nov 16th, 2009 at 22:06

我是个白痴，弱弱的问句，改哪个文件
万戈 | Nov 16th, 2009 at 22:00

俺用手动删除title，哈哈
吓我一跳 | Nov 16th, 2009 at 21:11

占座修改去喽
鲜资网 | Nov 16th, 2009 at 19:49

INove 主题要咋修改呢？
bolo | Nov 16th, 2009 at 19:09

用js的方法好像好一点。直接通过PHP删除的话对SEO不好吧？
Leo.N | Nov 16th, 2009 at 18:59

坐沙发。。还好，我用的主题天生就没有。。

Add Comment Read Article

WP Trick

去除鼠标悬停导航栏时的提示信息

Menu, WordPress