Ein bis zwei Mal im Monat erhalte ich eine E-Mail mit der Frage, wie ich die klei­nen Tool­tipps umge­setzt habe, die erschei­nen, wenn man einen Glossar­ein­trag mit der Maus über­fährt, bei­spiels­weise den Begriff CSS. Erst ver­gan­gene Woche wurde ich wie­der gefragt:

»Ihre Begriffs­er­klä­run­gen kle­ben sozu­sa­gen am Maus­zei­ger fest. Wenn die­ser sich bewegt, dann bewe­gen sich die Fens­ter mit. Zudem öffnen sie sich am Rand des Fens­ters stets nach innen, sodass immer der kom­plette Inhalt sicht­bar ist. Geht das aus­schließ­lich mit XHTML und CSS oder benö­tige ich dafür JavaScript?«

Die­ser Arti­kel wirft einen kur­zen Blick unter die Haube die­ser Web­site und bie­tet eine Schritt-für-Schritt-Anleitung zum Nach­ma­chen. Zum Ein­satz kom­men XHTML, das jQuery-Skript jquery.glossary.js und ein wenig CSS.

Wei­ter­le­sen →