Question

我目前使用以下jquery获取标题标签HIDDEN：

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

如何重新显示特定图片的标题标记？具体来说，我的左上角导航栏中有一些图标我希望悬停时显示标题标签。我相信这是CSS ID：＆＃34; .top-bar ul＆gt; li a＆＃34;
我的隐藏标题标签的方法是不是在谷歌搜索结果中受到伤害的好方法？

网站 greenenvysupply.com 谢谢!!

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

Answer 1

使用我们的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 ..

Answer 2

我想在悬停时使用相应的＆＃34; id＆＃34;来显示图像的标题。例如。

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

使用此脚本再次显示标题

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

在悬停上显示标题标记 - jquery

2 个答案: