Box

Mit diesem jQuery Skript kann man Boxen über Objekten wie Texten oder Bildern als Tooltip, mittels der dazu gehörenden ID, anzeigen lassen.

Die Skripte kann man mit vielen Optionen versehen, wie z.B. der Richtung oder ob die Box der Maus folgen soll. Man kann die CSS der Boxen beliebig einstellen und auch Links oder Bilder in den Boxen verwenden.

Dies ist eine schöne Alternative zu der allseits beliebten Overlib– oder auch der jQuery-Tooltip Box.

www.nof-tutorials.com/jQuery-Powertip/

 

PowerTip

zur PowerTip Box

Hier stelle ich einige Alternativen zu dem gewöhnlichen „title“ Tag vor.

  1. als einfache CSS
  2. als Javascript
  3. als jQuery-Skript

Dies ist auch eine sehr einfach einzubauende Alternative zu dem allseits beliebten „Overlib“ Skript. Guckt Euch auch die PowerTip Tooltip-Box an.

www.nof-tutorials.com/Infobox-Mouseover/Infobox-jQuery/infobox-jquery.html

 

jQuery Tooltip

jQuery Tooltip

 

Seit vielen Jahren habe ich diese jQuery Dialog-Box eingebaut.

Heute habe ich mir die Mühe gemacht und die neuesten jQuery-Skripte dafür verwendet, nicht zuletzt um den neuen HTML-Ausgaben von NOF wie HTML5 gerecht zu werden.

Diese Skripte müssen in NOF anders eingebaut werden und haben auch einen anderen Syntax.

Für mein Beispiel und Tutorial guckt bitte hier oder klickt auf das Bild.

www.nof-tutorials.com/jQuery-Popupbox-Dialog/

 

jQuery-Dialog-Box

Klick zur jQuery Dialog Box

 

Mit diesem jQuery Skript könnt Ihr sehr leicht eine Box als Layer beim Start einer Seite anzeigen lassen.

Dies ist eine gute Möglichkeit auf aktuelle Neuigkeiten hinzuweisen. Die Box ist kein Popup und wird daher auch nicht von Popup-Blockern der Browser gesperrt.

Für mein Tutorial guckt bitte hier.

OverLIB ist eine Box, die sich bei Maus über einem Link öffnet und ist ein sehr beliebtes Plugin als Alternative zu den normalen Titel-Tags.

Man kann in diesen Boxen kleine Beschreibungen erstellen und/oder auch Bilder anzeigen.

Es gibt eine Unmenge an Möglichkeiten des Einsatzes dieser Boxen. Für einige Beispiele und ausführliche Beschreibungen guckt bitte auf meiner NetObjects Fusion Hilfe Seite.

http://www.tommyherrmanndesign.com/nof/html/mouse-overlib.html