Nette einfache Effekte mit wenig Code:
CrossSlide

Tolles Theme : Prestige

mit noch schönerer Umsetzung http://www.infinitylist.com/

Fundstück:
Eine nette Banner-Rotation mit Effekten:
http://s3.envato.com/files/353428/index.html

Hier ein kleines Snippet zur Weiterleitung:

Auf dem iPad gibt es Probleme, wenn man iframes in der Fancybox nutzt.
Folgendes Workaround schafft Abhilfe:
// let’s first get a javascript var set up to check if we’re rockin’ the iPad

var isiPad = navigator.userAgent.match(/iPad/i) != null;
	
if(isiPad){ // then if we're confronted with an iPad, we need to set fancybox as inline
	
        $(\"a.fancybox\").fancybox({
            'type' : 'inline',
            'width' : 900,
            'height' : 700
        });
	
} else { // otherwise default to the standard iframe functionality
//so everything still works in every other browser
	
        $(\"a.fancybox\").fancybox({
            'type' : 'iframe',
            'width' : 900,
            'height' : 700
        });
	
}

Quelle: http://www.lemon8.nl/ipads-and-iframe-scrolling/

Machmal muß man mit Klassen und ID’s leben, die Systeme herausgeben.
Beispiel: Im Shopsystem wird “Küche” ausgegeben als Body-ID. Damit kommt CSS bzw. einige Browser manchmal nicht zurecht.
Abhilfe schafft:
1. CSS-Document-Type auf UTF-8 setzen
2. Sonderzeichen Codieren: Hier der Hinweis wie es geht

Leider cachen einige Browser sehr agressiv XML und andere Dateien.
Um das zu umgehen verwendet man einfach folgenden Code
$.ajaxSetup ({
cache: false
});

Nach der Suche von netten Lösungen hier einige Beispiele:

• Tabs als Einarmiger Bandit
• http://css-tricks.com/examples/GoogleMapSlider/
• AnythingZoomer
• Links verschieben

Benötigt mal schnell eine ToogleBox so hilft dieser Code (nur einmalig auf einer Seite zu verwenden)
Link zum öffnen bekommt die ID toggle_open die Box selbst die ID toggle_box

	$(document).ready(function() {
		$('#toggle_box').hide();
		$('#toggle_open').click(function () {
                   $('#toggle_box').slideToggle();
                 });
	});

Hier eine einfache Lösung (ohne Plugin) um Daten aus einem Formular an ein DIV-Container mit POST zu senden:

$(document).ready(function(){
	
$('#Form_ID').submit(function() {
	
             $('#Ausgabe_DIV_ID').hide();
             var axData = $(this).serialize();
             var axUrl = $(this).attr( 'action' );
             var htmlaugabe = $.ajax({
                url: axUrl,
               context: '#Ausgabe_DIV_ID',
              type: 'POST',
             async: false,
             data: axData,
                success: function() {
                     //	nothing - or what?
                 }
            }).responseText;
	
           $('#Ausgabe_DIV_ID').html(htmlaugabe);
           $('#Ausgabe_DIV_ID').fadeIn();
	
     return false;
	
});