在悬停时显示标题标签 - jquery

Question

我目前使用以下 jquery 隐藏了我的标题标签：

/** To hide title tag that shows on hover **/
jQuery('document').ready(function($){
    $('[title]').removeAttr('title');
});

1. 如何重新显示特定图像的标题标签？具体来说，我在左上角的导航栏中有一些图标，我希望在悬停时显示标题标签。我相信这是 CSS ID：“.top-bar ul>li a”

2. 我的隐藏标题标签的方法是一种好方法吗？不会在我的谷歌搜索结果中受到伤害吗？

网站是greenenvysupply.com 谢谢！！

编辑 也许这会更容易：我唯一想要隐藏标题标签的是我的主导航菜单（产品类别）。我怎样才能只隐藏类别菜单和下拉子菜单，而不是将 jquery 设置为隐藏所有标签？如果可能，隐藏而不是移除。

Answer 1

我想在悬停期间显示图像的标题，使用相应的“id”。例如。

<img src="smiley.gif" title="123" id="sml_img" alt="Smiley face" width="42" height="42">

在您想再次显示标题的地方使用此脚本

 $("#sml_img").attr("title","--enter the title--");

Answer 2

使用我们的 on 方法。它只是纯 java 脚本，不想包含或附加任何文件。这是一个在鼠标悬停时隐藏并在 mouseOut 事件时显示的示例。我们可以通过添加更多样式（如过渡、不透明度、alpha 等）来创建更多效果……如果这对您有用，那么我将添加更多样式。

但是刚才你可以用你的on id修改这个源并检查这个。

<script type="text/javascript">

 function showImage(id) {
        var img = document.getElementById(id);
        img.style.visibility = 'visible';        
    }

    function setImageVisible(id) {
        var img = document.getElementById(id);
        img.style.visibility = 'hidden';
    }   
</script>

<style type="text/css">

.hid_lnk{
    background-color:#999999;
    height:100px;
    margin:10px;
    width:150px;
    vertical-align:middle;
    }   
a img{

    height:100px;
}

</style>

这里是html部分..

<div class="hid_lnk" onmouseout="javascript:showImage('i1')" onmouseover="javascript:setImageVisible('i1', false)" >
        <a href="#"><img id="i1"   src="http://www.shop.justpcs.co.za/image/cache/data/logos/hp-logo-500x500.png" ></img></a>
      </div>

希望这会有所帮助..

regds..