6.17 Dynamische Stildefinitionen
Problem
Die Stildefinitionen für ein Element sollen sich ändern, wenn der Benutzer einen Link anklickt.
Lösung
Zuerst versehen Sie das Markup im Dokument mit ganz normalen Links. Für diese Lösung wurden die Links auf Anker im gleichen Dokument (Fragment Identifier) in einer Imagemap definiert:
<img src="target_header.jpg" alt="Header" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="circle" coords="115,136,72" href="#mark" /> <area shape="circle" coords="244,145,55" href="#jessica" /> <area shape="circle" coords="340,88,58" href="#trueman" /> <area shape="circle" coords="480,287,79" href="#katrina" /> </map> <div class="bios"> <dl id="katrina"> <dt>Katrina</dt> <dd>...</dd> </dl> <dl id="jessica"> ...
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
