<style type="text/css">
<!--
#menuhaupt {
background-color:#CCCCCC;
position:absolute;
top:80px;
left:60px;
width:180px;
border:1px solid #000000;
}
//-->
</style>
</head>
<body onload="init()">
<div id="menuhaupt">
<a href="htmlscroll.html">Link 1</a><br>
<a href="htmlscroll.html">Link 2</a><br>
<script type="text/javascript">
<!--
if(window.top.name=='false') {
with(document) {
write('<form>');
write('Menü scrollt mit ');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;">');
write('<\/form>');
}
} else {
window.top.name='true';
with(document) {
write('<form>');
write('Menü scrollt mit ');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;" ');
write('checked>');
write('<\/form>');
}
}
//-->
</script>
</div>
<script type="text/javascript">
<!--
/**************************************
Script von Joerg Ahrens
www.gueldenstern-webdesign.de
Fragen an:
info@gueldenstern-webdesign.de
**************************************/
var DHTML=(document.getElementById ||
document.all ||
document.layers);
var menuhaupt;
var Scroll=true;
var lastScrollY=0;
var percent;
var winpos=10;
function init() {
if(!DHTML) return;
menuhaupt = new nimmObj('menuhaupt');
Scroll=(document.layers) ?
document.menuhaupt.document.forms[0].elements[0].checked :
document.forms[0].elements[0].checked;
LaufDuSau();
}
function LaufDuSau() {
if(window.top.name=='true') {
if(window.innerHeight) {
pos=window.pageYOffset;
} else if(document.documentElement &&
document.documentElement.scrollTop) {
pos=document.documentElement.scrollTop;
} else if(document.body) {
pos=document.body.scrollTop;
}
// Falls die Position auf der Seite
// immer die gleiche sein soll,
// einfach die naechsten drei Zeilen
// weglassen und ersetzen durch:
// pos += X # X = Abstand vom oberen Fensterrand
pos+=0;
if(pos<=70) pos=70; // urspruengliche Position
if(pos>70) pos+=10; // Abstand vom oberen Fensterrand
if(pos!=lastScrollY) {
percent=.03*(pos-lastScrollY);
if(percent>0) {
percent=Math.ceil(percent);
} else {
percent=Math.floor(percent);
}
winpos=winpos+percent;
menuhaupt.style.top=winpos;
lastScrollY=lastScrollY+percent;
}
}
temp=window.setTimeout('LaufDuSau()',1);
}
function nimmObj(name) {
if(document.getElementById) {
this.style=document.getElementById(name).style;
} else if(document.all) {
this.style=document.all[name].style;
} else if(document.layers) {
this.style=document.layers[name];
}
}
//-->
</script>
<!-- Das Folgende täuscht Inhalt vor -->
<script type="text/javascript">
<!--
for(i=1;i<=50;i++) {
document.write('<p> <\/p>');
}
//-->
</script>
Möchte gerne das das ohne cheack Box ist es soll einfach nur mitscrollen!
<!--
#menuhaupt {
background-color:#CCCCCC;
position:absolute;
top:80px;
left:60px;
width:180px;
border:1px solid #000000;
}
//-->
</style>
</head>
<body onload="init()">
<div id="menuhaupt">
<a href="htmlscroll.html">Link 1</a><br>
<a href="htmlscroll.html">Link 2</a><br>
<script type="text/javascript">
<!--
if(window.top.name=='false') {
with(document) {
write('<form>');
write('Menü scrollt mit ');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;">');
write('<\/form>');
}
} else {
window.top.name='true';
with(document) {
write('<form>');
write('Menü scrollt mit ');
write('<input ');
write('type=checkbox ');
write('onClick="Scroll = !Scroll; ');
write('window.top.name = Scroll;" ');
write('checked>');
write('<\/form>');
}
}
//-->
</script>
</div>
<script type="text/javascript">
<!--
/**************************************
Script von Joerg Ahrens
www.gueldenstern-webdesign.de
Fragen an:
info@gueldenstern-webdesign.de
**************************************/
var DHTML=(document.getElementById ||
document.all ||
document.layers);
var menuhaupt;
var Scroll=true;
var lastScrollY=0;
var percent;
var winpos=10;
function init() {
if(!DHTML) return;
menuhaupt = new nimmObj('menuhaupt');
Scroll=(document.layers) ?
document.menuhaupt.document.forms[0].elements[0].checked :
document.forms[0].elements[0].checked;
LaufDuSau();
}
function LaufDuSau() {
if(window.top.name=='true') {
if(window.innerHeight) {
pos=window.pageYOffset;
} else if(document.documentElement &&
document.documentElement.scrollTop) {
pos=document.documentElement.scrollTop;
} else if(document.body) {
pos=document.body.scrollTop;
}
// Falls die Position auf der Seite
// immer die gleiche sein soll,
// einfach die naechsten drei Zeilen
// weglassen und ersetzen durch:
// pos += X # X = Abstand vom oberen Fensterrand
pos+=0;
if(pos<=70) pos=70; // urspruengliche Position
if(pos>70) pos+=10; // Abstand vom oberen Fensterrand
if(pos!=lastScrollY) {
percent=.03*(pos-lastScrollY);
if(percent>0) {
percent=Math.ceil(percent);
} else {
percent=Math.floor(percent);
}
winpos=winpos+percent;
menuhaupt.style.top=winpos;
lastScrollY=lastScrollY+percent;
}
}
temp=window.setTimeout('LaufDuSau()',1);
}
function nimmObj(name) {
if(document.getElementById) {
this.style=document.getElementById(name).style;
} else if(document.all) {
this.style=document.all[name].style;
} else if(document.layers) {
this.style=document.layers[name];
}
}
//-->
</script>
<!-- Das Folgende täuscht Inhalt vor -->
<script type="text/javascript">
<!--
for(i=1;i<=50;i++) {
document.write('<p> <\/p>');
}
//-->
</script>
Möchte gerne das das ohne cheack Box ist es soll einfach nur mitscrollen!
