plik przewin.jss
obiekt = null ; percent = null ;
lastScrollY = 0; lastScrollX = 0;
diffY = diffX = 0 ;
left_0 = top_0 = 0 ;
if (document.layers) { obiekt = document.slide ; }
if (document.getElementById) { obiekt = document.getElementById('slide').style ; }
if (document.all) { obiekt = document.all['slide'].style ; }
if ( obiekt.top != '' ) top_0 = parseInt( obiekt.top ) ;
if ( obiekt.left != '' ) left_0 = parseInt( obiekt.left ) ;
function get_position() {
if (document.all) {
diffY = document.body.scrollTop ;
diffX = document.body.scrollLeft ;
}
else {
diffY = self.pageYOffset ;
diffX = self.pageXOffset ;
}
}
function count_p( inp ) {
if(inp > 0) return Math.ceil(inp);
else return Math.floor(inp);
}
function jSlide() {
get_position() ;
if(diffY != lastScrollY) {
percent = count_p( .1 * (diffY - lastScrollY) ) ;
obiekt.top = lastScrollY + top_0 ;
lastScrollY += percent;
}
if(diffX != lastScrollX) {
percent = count_p( .1 * (diffX - lastScrollX) ) ;
obiekt.left = lastScrollX + left_0 ;
lastScrollX += percent;
}
setTimeout( "jSlide()", 1 ) ;
}
Plik ze strona :
(sekcja head)
<span ID="slide"> tutaj menu </span>
<script LANGUAGE="JavaScript" src="przewin.jss"> </script>
<STYLE>
#slide
{
Position : Absolute ;
Left : 3 ;
Top : 5 ;
}
</STYLE>
(sekcja body)
<BODY onLoad="jSlide();">
Powinno ruszyc bez wiekszych poprawek. Sposob dzialania mozna zobaczyc na stronie
http://aji-manga.nowysacz.net/chrono/chrono.php