jquery - Add an arrow when hovering an image -
i need help.
i have current code:
<script type="text/javascript"> $(document).ready(function(){ $('div.imagens1').mouseover(function(){ div_imagem = $(this); //div que tem imagem p = div_imagem.find('p').first(); texto_p = p.text(); $('#lista1').find('p').each(function(){ $(this).css('color','white'); $(this).css('font-size','20px'); if ( ($(this).text()).tolowercase() == (texto_p) ){ texto_lista = $(this); //texto (elemento p da lista) respetivo à imagem //podes por exemplo meter o texto p negrito assim: texto_lista.css('color','#575658'); texto_lista.css('font-size','26px'); } }); }); }); </script>
that searches in image text "salas" , goes list have on side change css gets highlighted.
now need find way make arrow appear when said thing happens.
someone can help.
best regards, luis
you can use pseudo elements accomplish that.
this: http://jsfiddle.net/9ws7gsv2/
can change pseudo element content
property whatever want, font icon popular font awesome.
Comments
Post a Comment