Second Opinion
Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale. Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit. www.neurohope.ro |
CSS /java script hover image
Last Updated: Sep 26 2014 10:36, Started by
sorin86
, Jul 21 2014 03:39
·
0
#1
Posted 21 July 2014 - 03:39
Salutare,
Am si eu o rugaminte daca se poate sa ma ajutati , as vrea sa fac un image hover (tip eticheta) atunci cand treci cu mouse-ul pe el si pe eticheta sa pun un buton de download si ceva text. Va atasez imaginea, dar fara a face reclama acest effect hover este prezent pe scribd. Multumesc Attached Files |
#2
Posted 21 July 2014 - 07:00
Cauta solutii cu jquery: http://www.sundogint...query-hover-box
|
#3
Posted 25 September 2014 - 14:40
Nu-i neaparat de jQuery, poti realiza asta si cu CSS.
//clasa pe care vei face hover .main { position: relative; } //clasa care va aparea .pop-up { position: absolute; display: none; si ii pui tu o pozitie care sa fie similara cu aia, o rezolvi tu din margin } //this is where the magic happens .main:hover > .pop-up { display: block; } //in html o sa ai cv de genul <div class="main"> <p>Lorem ipsum dolor sit amet consectetur adipiscing bla bla elit...</p> <div class="pop-up"> Aici bagi ce ai de bagat poze text si butonu ala de download. </div><!-- .pop-up end --> </div><!-- .main end --> Voila, done. Edited by Alexandrwc, 25 September 2014 - 14:42. |
#4
Posted 25 September 2014 - 16:56
Sunt cam ruginit ca n-am mai lucrat de ceva ani in CSS, dar codul tau impinge elementele prin pagina, sau le poti face sa se ascunda, dar nu deschide popup deasupra lor.
Desi presupun ca s-ar putea face similar unui meniu dropdown daca te chinui... insa apar probleme la unele browsere, pe cand cu javascript vei avea un rezultat constant si mai usor de realizat. |
#5
Posted 25 September 2014 - 17:20
SfPetru, on 25 septembrie 2014 - 16:56, said:
Sunt cam ruginit ca n-am mai lucrat de ceva ani in CSS, dar codul tau impinge elementele prin pagina, sau le poti face sa se ascunda, dar nu deschide popup deasupra lor. Desi presupun ca s-ar putea face similar unui meniu dropdown daca te chinui... insa apar probleme la unele browsere, pe cand cu javascript vei avea un rezultat constant si mai usor de realizat. Si obtii acelas rezultat in toate browserele. Am observat ca e oarecum incomplet css-ul, ar mai merge adaugat si urmatorul cod: .pop-up:hover { display: block; } Pentru ca banuiesc ca o sa vrei sa dai click prin pop-up si nu vei putea pentru ca imediat ce scoti mouse-ul de pe .main, .pop-up devine invizibil. Iata codul testat daca nu crezi ca merge http://jsfiddle.net/1028q8sq/ Edited by Alexandrwc, 25 September 2014 - 17:41. |
#6
Posted 25 September 2014 - 18:13
Si ca sa ii fac pe plac si lui SfPetru:
$('.main').on('click', function() { if($(this).children('.pop-up').hasClass('active')) { $(this).children('.pop-up').removeClass('active'); } else { $(this).children('.pop-up').addClass('active'); } }) Si ii faci tu ce ii faci clasei active cu display: none bla bla ce am scris mai sus. Edited by Alexandrwc, 25 September 2014 - 18:15. |
#7
Posted 26 September 2014 - 10:36
Desigur, poti face .addClass() cu .on('mouseenter') si .removeClass() cu .on('mouseleave');
|
Anunturi
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users