layer-funktionalitet som på zulu.dk
Hej med jerjeg sidder i øjeblikket og forsøger at lave et site, som skal have et layer der er placeret i bunden af siden. det kan jeg også sagtens.
Problemet er at når man scroller så \"blinker\" indholdet i layeret fordi det hele tiden bliver opdateret. Derfor vil jeg gerne have modificeret mit script, så det forsvinder når man begynder at scrolle og dukker op igen når man er færdig med at scrolle. Når det dukker op igen, skal det glide ind på siden igen (præcis ligesom zulu.dk)
jeg prøvede at rippe scriptet fra zulu, men har ikke kunne få det til at virke...doh! :-(
her er min nuværende kode.
<style>
#divMenu {
position : absolute;
font-family : verdana,arial,helvetica;
height : 33;
width : 90;
font-size : 10pt;
color : Silver;
text-decoration : none;
z-index: 1;
</style>
<script language=\"JavaScript1.2\">
<!--
var gright=300
var gbottom=80
//Browsercheck
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
function makeObj(obj,nest){
nest=(!nest) ? \'\':\'document.\'+nest+\'.\'
this.css=(n) ? eval(nest+\'document.\'+obj):eval(obj+\'.style\')
this.moveIt=b_moveIt;
}
function b_moveIt(x,y){
this.x=x; this.y=y
this.css.left=this.x
this.css.top=this.y
}
var pageWidth,pageHeight
function menuInit(){
oTest=new makeObj(\'divMenu\')
pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;
pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;
checkIt()
//sets the resize handler.
onresize=resized
if(ie) window.onscroll=checkIt;
}
function checkIt(){
if(ie) oTest.moveIt(document.body.scrollLeft +pageWidth-gright,document.body.scrollTop+pageHeight-gbottom)
else if(n){
oTest.moveIt(window.pageXOffset+pageWidth-gright, window.pageYOffset+pageHeight-gbottom)
setTimeout(\'checkIt()\',20)
}
}
function resized(){
pageWidth=(ie)?document.body.offsetWidth-4:innerWidth;
pageHeight=(ie)?document.body.offsetHeight-2:innerHeight;
if(ie) checkIt()
}
onload=menuInit;
//-->
</script>
<div id=\"divMenu\" ><img src=\"web - signatur/logo.gif\" width=\"240\" height=\"49\" border=\"0\" alt=\"\"></div>
