2015-08-12 1 views
1

J'ai actuellement mes balises de titre HIDDEN en utilisant la jquery suivante:Afficher le titre Tag sur Hover - jquery

/** To hide title tag that shows on hover **/ 
jQuery('document').ready(function($){ 
    $('[title]').removeAttr('title'); 
}); 
  1. Comment puis-je reétrenner balise de titre pour une image spécifique? Plus précisément, j'ai des icônes dans ma barre de navigation en haut à gauche, je veux que les balises de titre s'affichent en survol. Est-ce que ma méthode pour masquer les balises de titre est un bon moyen de le faire sans être blessé dans mes résultats de recherche google?

site est greenenvysupply.com Merci !!

EDIT Peut-être que ce serait plus facile: La seule chose que je veux avoir des balises de titre cachées est mon menu principal de navigation (catégories de produits). Au lieu d'avoir jquery pour masquer tous les tags, comment puis-je masquer uniquement le menu de catégories et les sous-menus déroulants? CACHER, NE PAS ENLEVER, SI POSSIBLE.

+2

Vous avez _removed_ eux. – Satpal

+0

Ok merci. Est-ce que l'utilisation de _hideAttr_ au lieu de _removeAttr_ fonctionnera? – dnat

+0

Désolé frnd, je viens de vous envoyer le mauvais code. Donc je veux supprimer. Mais ne vous inquiétez pas frnd .. Je reviendrai bientôt .. Restez à l'écoute – Vijay

Répondre

0

Utilisez notre méthode on.Its script purement Java et ne veut pas inclure ou joindre des fichiers. Voici un exemple à cacher sur la souris et affiche à mouseOut event.We peut créer plus d'effet en ajoutant plus de styles comme la transition, l'opacité, alpha etc ... Si cela vous est si utile, alors je vais ajouter plus de styles.

Mais justnow Vous pouvez modifier cette source avec votre identifiant et vérifier cela.

<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> 

section ici estle 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> 

Espérons que cela aidera ..

regds ..

+0

Merci pour la réponse Vijay. Existe-t-il un attribut hide pour jquery, par exemple quelque chose comme .hideAttr ("title")? Je suis inquiet à propos de la recherche de classement étant blessé – dnat

+0

J'ai édité ma réponse .. s'il vous plaît passer par là – Vijay

0

Je veux vous montrer le titre d'une image lors de l'utilisation de vol stationnaire ce "id" correspondant. Par exemple.

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

Utilisez ce script où vous voulez montrer à nouveau le titre

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