There is a code: http://jsfiddle.net/raccoon89/DjLpp/

But it works in one direction. It is necessary to make so that the mail comes back after slips of the cursor from the block. And when you hover, the phone number was poked.

  • jQuery solution go or just pure js? - Gena Tsarinny
  • Better jQuery of course, but the script did not find such - Ilyas Bilalov
  • one
    why not make css? something like that - zb '
  • Yes, not bad, but the idea is a bit different. The e-mail should change to the phone when you hover over the icon, and not the e-mail itself) - Ilyas Bilalov
  • @eicto is awesome! - Sergiks

2 answers 2

http://jsfiddle.net/oceog/jwGqd/1/

  • thank you so much. Advise on writing CSS CSS pzhl - Ilyas Bilalov
  • one
    It is inconvenient when you need to wait for the animation to complete so that the phone can be copied. - lampa
  • one
    You start to allocate the phone, you leave the mouse with it - figax, this is no longer a phone and the selection is gone :( - user6550
  • And who needs to allocate the phone? - Ilyas Bilalov
  • Anyone who wants to copy and save it. And this can happen even more often than a set of "eyes" from the screen. - user6550
onmouseover="if (document.getElementById('texty').innerHTML!='mail@fuze.pro') {document.getElementById('texty').innerHTML='mail@fuze.pro'} else {document.getElementById('texty').innerHTML='8 912 77 20 444'}" onmouseout="if (document.getElementById('texty').innerHTML!='8 912 77 20 444') {document.getElementById('texty').innerHTML='8 912 77 20 444'} else {document.getElementById('texty').innerHTML='mail@fuze.pro'}"

http://jsfiddle.net/DjLpp/4/

  • @eicto but you can copy the phone right away: D - lampa
  • Uzhoz - this is the author in the code, I just did what he asked. jsfiddle.net/DjLpp/5 - Eugene_21
  • @ Evgeny_21 uzhosa you added ... zakardkozhenny if / elseif in the markup ... - zb '
  • 2
    @ Евгений_21, jsfiddle.net/DjLpp/6 - etki