15.01.2010, 22:10
Seiten: 1 2
15.01.2010, 22:27
probier mal das aus:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="author" content="jörg ahrens">
<meta name="publisher" content="jörg ahrens">
<meta name="copyright" content="jörg ahrens">
<title>[Gueldensterns scrollendes Menü]</title>
<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>
</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');
LaufDuSau();
}
function LaufDuSau() {
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>
</body>
</html>
15.01.2010, 22:43
nun ist das alles so mit zu viel abstand ->+
->+
->-
->-
---------------
->+
->-
->-
---------------
15.01.2010, 22:59
(15.01.2010, 22:43)handyphones schrieb: [ -> ]nun ist das alles so mit zu viel abstand ->+
->+
->-
->-
---------------
ich kann nur raten, von was Du sprichst. Änderungen in der Darstellung kannst Du im css-Bereich vornehmen.
16.01.2010, 21:49
Nein du es sind fehler aufgetrehten das menü sehe ich jetzt normal aber mit zu viel abstandt!
Es ist zu schwer zu verstehen ich brauch dirnngent eure hile!
Es ist zu schwer zu verstehen ich brauch dirnngent eure hile!
Kenny
16.01.2010, 22:58
(16.01.2010, 21:49)handyphones schrieb: [ -> ]Nein du es sind fehler aufgetrehten das menü sehe ich jetzt normal aber mit zu viel abstandt!
Es ist zu schwer zu verstehen ich brauch dirnngent eure hile!
Und es ist unmöglich dir zu helfen wenn man sich dein Problem nicht einmal ansehen kann!
Bei deinen dürftigen Beschreibungen kann man, wie Jockl schon geschrieben hat, nur raten was du meinst. Ein Link zum Forum wäre äußerst hilfreich!
Seiten: 1 2