<a href="link.html" title="Titletext">
...是代码。
由于
slimbox,我需要使用
一个简单的怎么样:
<a href="link.html" title="Titletext"><span title=" ">text</span></a>
(更好,在嵌套标题中放置一些实际有用的内容。)
假设您在 a 标签中使用图像标签,则可以为图像使用替代标题(甚至是空格),当您将鼠标悬停在链接上时,该标题将覆盖链接的标题。
使用 jQuery 这真的很简单
$("li.menu-item > a").attr('title', '');
这将从 li 类菜单项的任何 a 元素中删除标题 - 当然,您可以花哨,这样它们就隐藏在鼠标悬停上:)
关于我在几个网站上看到的“一个简单的好方法怎么样”的建议,我个人不会建议这样做,原因有两个。
屏幕阅读器和视障用户依赖大声朗读的标题属性。我相信这是它们在锚标签中的最初目的和原因,也是美国政府 Web 可访问性第 508 节的一个重要方面。我认为在这种情况下,屏幕阅读器会阅读所有标题;第一个,然后是第二个,这对于视障用户来说可能会非常困惑。他们不明白为什么他们会听到两个特别是如果它包含不同的文本。他们听到的是两个不同的主播吗?如果是这样,为什么他们不能单击或选择他们听到的另一个并继续只获得一个网页(作为一种场景)。
如果您在两个标题的 Google 和许多其他搜索引擎中都放置了额外的文本,则可能会将此操作视为黑帽 seo,并可能导致您的网站被该搜索引擎列表禁止(又名填充),谷歌在德国的宝马就发生过这种情况已经。
我个人认为最好的方法是保留 title 属性,因为它应该起作用,然后使用 Javascript 或 css 以某种方式隐藏它。这些方法对屏幕阅读器、网络爬虫和视障用户没有影响。
我喜欢 jquery...;) 我需要这个来制作作品集:灯箱的标题标签,但鼠标悬停时没有。这对我有用,感谢您的提示!
$(function(){
$("li.menu-item > a").hover(function(){
$(this).stop().attr('title', '');},
function(){$(this).stop().attr();
});
});
// Suppress tooltip display for links that have the classname 'suppress'
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
if (links[i].className == 'suppress') {
links[i]._title = links[i].title;
links[i].onmouseover = function() {
this.title = '';
}
links[i].onmouseout = function() {
this.title = this._title;
}
}}
引用Aron Rotteveel在我的评论中链接到问题的第一个骗子的答案(禁用链接上的浏览器工具提示和s)
您不必将
title
属性与 Slimbox 一起使用。请参阅本页顶部附近的多个图像示例:http://code.google.com/p/slimbox/wiki/MooToolsAPI。
您只需从锚点中删除
title
属性,然后将 title
文本(图像的描述)传递到 Slimbox open
函数,您可以使用锚点的 onclick
事件调用该函数。
最简单的方法是:
使用 slimbox 后,在其下方添加以下代码:
$('*[title]').removeAttr('title');
希望它可以帮助..
不保证,但根据 Slimbox 的工作方式,您也许可以包含标题,然后使用 jQuery 之类的东西在页面加载后几秒钟将其删除。假设 Slimbox 索引了 Title 属性并在读入后将其存储在某个位置,那么您可以在发生这种情况后安全地删除它。
jQuery 工具提示覆盖/覆盖它?
$("a").mouseover(function(e){ preventdefault();} );
(还没测试过)
var DOMlinks = document.links;
for(i=0;i<DOMlinks.length;i++){
DOMlinks[i].title = ""
}
var hiddenTitle; //holds the title of the hovered object
$("li.menu-item > a").hover(function() {
hiddenTitle = $(this).attr('title'); //stores title
$(this).attr('title',''); //removes title
}, function() {
$(this).attr('title',hiddenTitle); //restores title
});
$('[title]').each(function(){
$(this).data('original-title', $(this).attr('title'));
}).hover(
function () {
$(this).attr('title','')
}, function () {
$(this).attr('title',$(this).data('original-title'))
});
/*
* jQuery remove title browser tooltip
*/
var removeTitleSelector = 'a.removeTitle';
jQuery('body').on('mouseover', removeTitleSelector, function () {
jQuery(this).data('title', jQuery(this).attr('title'));
jQuery(this).removeAttr('title');
}).on('mouseout', removeTitleSelector, function () {
jQuery(this).attr('title', jQuery(this).data('title'));
});