Interaktywna strona – czyli jak ożywić naszą stronę

Chyba każdy od czasu do czasu odczuwa potrzebę wprowadzenia zmian w naszym otoczeniu, nie inaczej jest ze stronami internetowymi. Wskazane jest dokonywanie zmian ( czasem nawet niewielkich ) tak żeby nasi użytkownicy nie nudzili się odwiedzając naszą stronę. Tylko co by tu zmienić, tak żeby nie wprowadzać rewolucji na stronie i jednocześnie nie tracić czasu na duże zmiany. Jedną z propozycji jest mały gadżet pojawiający się na stronie np. może to być dodatkowe stałe menu, pojawiające się gdy już stracimy z oczu menu główne. Na stronie www.asl.com.pl można obejrzeć efekt jaki daje użycie takiego gadżetu.

1. Co ma się znaleźć w naszym stałym boxie?

Dodatkowe menu , być może link do pokrewnego artykułu … ? Pomysły można mnożyć.

Nasze pudełko na zabawki:

<div class="menu_bottom">
</div>

i styl pudełka

.menu_bottom {
bottom:1px;
color:#000000;
height:125px;
position:fixed;
right:30px;
}

2. Skrypt odpowiedzialny za efekty specjalne.

Wybrałem efekt znikania ale  jQuery oferuje całą paletę ciekawych efektów.

$j=jQuery.noConflict();

$j('div.menu_bottom').fadeOut(1, function() {
 // Animation complete
});

function scroll_check() {

 var top=$j(window).scrollTop();
 if( top < 130 ){

 if( !$j('div.menu_bottom').is(':visible') ){
 } else {
 $j('div.menu_bottom').fadeOut();
 }

 } else {
 if( $j('div.menu_bottom').is(':visible') ){
 } else {

 $j('div.menu_bottom').fadeIn();
 }
 }

}

window.onscroll = scroll_check;

Macie jakieś ciekawe pomysły co można umieścić w takim pudełku? Zapraszam do komentowani.

Edit 20.12.2010:

Biblioteka jQuery wykorzystana w przykładzie do pobrania ze strony http://jquery.com/.