Just nu i M3-nätverket
Jump to content

scrolling


basti

Recommended Posts

Fråga kolon:

Finns det något sätt att kunna scrolla bakgrundsbilder med "annan hastighet" än den hastigheten man scrollar med..? Typ att den går med halva hastigheten..

Har sett detta med flash, men undrar om man kan scripta sig till det?

 

Link to comment
Share on other sites

Något i den här stilen, finns flera sätt att göra detta.

 

<HTML>

<HEAD>

 

<style type="text/css">

#item {position:absolute; visibility:hidden; left:0px}

</style>

 

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var isNS=(document.layers);

var _all=(isNS)? '' : 'all.' ;

var _style=(isNS)? '' : '.style' ;

var _visible=(isNS)? 'show' : 'visible';

var w_x, w_y, item, okscroll=false, godown;

function init(){

item=eval('document.'+_all+'item'+_style);

getwindowsize();

item.visibility=_visible;

scrollpage();

}

function getwindowsize() {

w_x=(isNS)? window.innerWidth-4 : document.body.clientWidth;

w_y=(isNS)? window.innerHeight : document.body.clientHeight;

(isNS)? item.clip.width=40: item.width=40;

(isNS)? item.clip.height=30 : item.height=30;

moveitem();

}

function resizeNS() {

setTimeout('document.location.reload()',400);

}

function moveitem() {

if (isNS) {

item.moveTo((pageXOffset+w_x-70),(w_y+pageYOffset-50))

}else{

item.pixelLeft=document.body.scrollLeft+w_x-80;

item.pixelTop=w_y+document.body.scrollTop-350;

}

}

window.onload=init;

(isNS) ? window.onresize=resizeNS : window.onresize=getwindowsize ;

function scrollpage() {

status = '';

if (okscroll) {

if (godown) {

(isNS)? window.scrollBy(0,6) : window.scrollBy(0,6) ;

} else {

(isNS)? window.scrollBy(0,-10) : window.scrollBy(0,-10) ;

}

}

moveitem();

setTimeout('scrollpage()', 10);

}

// End -->

</script>

 

 

</HEAD>

<BODY text=YELLOW vLink=BLUE aLink=RED link=SILVER BGCOLOR = green scroll="yes" topmargin="10" marginheight="20" leftmargin="20" marginwidth="10" BGPROPERTIES=FIXED>

<CENTER>

<FONT SIZE=5>

<BR><BR>

FÖR MUSPEKAREN ÖVER BILDEN TILL HÖGER<BR>

Du får byta ut mina pilbilder mot egna

<TABLE WIDTH=200 >

<TD>

<FONT SIZE=5>

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

En massa text eller bilder eller vad du vill här

 

 

<FONT>

</TD>

</TABLE>

 

</CENTER>

 

<div id="item">

<TD><a href="javascript:void(0)" onMouseover="okscroll=true; godown=false"

onMouseout="okscroll=false"><img src="pilupp.gif" border="0" width=30 height=70></a>

<BR><BR><BR>

<a href="javascript:void(0)" onMouseover="okscroll=true; godown=true"

onMouseout="okscroll=false"><img src="pilner.gif" border="0" width=30 height=70 ></a>

</TD>

</div>

 

 

</BODY>

</html>

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...