|
|||
css scale on link hover
Hallo,
ich finde leider hier noch sonst wo eine Lösung, oder ich suche nach dem falschem ;( Hoffe es kann mir hier jemand helfen. Ich habe einen einfachen <a href= Link, weiteres habe ich ein Element, woanders auf dem Screen, das ich nun mittels Hover auf den Link das Element Scaliere, sprich größer machen will. Also eine Art Standortkarte. Link ist der Name des Standortes und Element ein Punkt innerhalb der Karte. Wenn ich nun über den Link fahre, soll das Element größer werden, damit man sieht, wo der Ort auf der Karte ist. Das ist das Element: HTML-Code:
<div class="curclewhite"><p>1</p></div> HTML-Code:
<div class="curclered"><p>1</p></div><div class="a1"><a href="standorte/testort"><span>Testort1</span></a></div> Vielen Dank für eure Hilfe GLG Martin |
Sponsored Links |
|
|||
Das geht nicht. Das würde nur gehen, wenn das Element, welches skaliert werden soll ein Kindelement vom <a>-Link ist.
|
Sponsored Links |
|
|||
Vielen Dank für die Hilfen ... hab es jetzt doch mit JS gelöst
So: Code:
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.a1').mouseover(function() { $( '#cu1' ).toggleClass('scaleDiv'); }); $('.a1').mouseout(function() { $( '#cu1' ).toggleClass('scaleDiv');}); }); </script> HTML-Code:
<div class="curclered"><p>1</p></div><div class="a1"><a class="s1" href="#"><span>Test</span></a></div> HTML-Code:
<div id="cu1" class="curcle1"><p>1</p></div> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Drop Down Menu Problem | arosarius | CSS | 6 | 02.05.2012 19:29 |
Problem: Menüdarstellung | Normal | CSS | 1 | 07.10.2011 14:25 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
Nur CSS verschachtelten Link durch übergeordneten hover ansprechen | Dwarf | CSS | 13 | 21.12.2006 15:25 |
Problem: Positioniertes DIV bei Link HOVER | Sefiroth | CSS | 5 | 10.08.2005 17:16 |