• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navigationsmenü mitscrollen lassen

Status
Für weitere Antworten geschlossen.

MK204

Neues Mitglied
Serwas,
Kann mir jemand sagen welche Zeile in dem Script
verantwortlich ist,damit das Menü mitscrollt?

Würde die betreffende zeile dann in mein menü einbauen...

HTML:
<STYLE type=text/css>
    #slide  {Position: Absolute;Left: 5;Top: 200;Visibility: Visible;}
    A    {text-decoration: none;}
    A:HOVER {text-decoration: underline;}
    TD    {font-family:arial;}
 
</STYLE>
 
<span ID="slide">
<table  bgcolor="brown" CELLSPACING="0" BORDER="0" CELLPADDING="0" ALIGN="left" >
<TR>
<td><HR color="#800000" noshade size="1"></td>
</TR>
<TD><A href="http://www.javarea.de/">[javarea.de]</A></TD>
</TR>
<tr>
<td><A href="http://www.javarea.de/">HTML & Java</A></td>
</tr>
<tr>
<td><A href="http://www.javarea.de/">JavaScript</A></td>
</tr>
<tr>
<td><A href="http://www.javarea.de/">Java Applet</A></td>
</tr>
<tr>
<td><A href="http://www.javarea.de/">Service</A></td>
</tr>
<tr>
<td><A href="http://www.javarea.de/">Links</A></td>
<tr>
<td><A href="mailto:">E-MAIL</A></td>
</tr>
<TR><td><hr color="#800000" noshade size="1"></td></TR>
</table>
</span>
 
<script LANGUAGE="JavaScript">
<!--
        self.onError=null;
 
        currentX = currentY = 0;
        whichIt = null;
        lastScrollX = 0; lastScrollY = 0;
 
        NS = (document.layers) ? 1 : 0;
        IE = (document.all) ? 1: 0;
 
        function heartBeat() {
 
                if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
            if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
 
                if(diffY != lastScrollY) {
                        percent = .1 * (diffY - lastScrollY);
                        if(percent > 0) percent = Math.ceil(percent);
                        else percent = Math.floor(percent);
                                        if(IE) document.all.slide.style.pixelTop += percent;
                                        if(NS) document.slide.top += percent;
                        lastScrollY = lastScrollY + percent;
            }
                if(diffX != lastScrollX) {
                        percent = .1 * (diffX - lastScrollX);
                        if(percent > 0) percent = Math.ceil(percent);
                        else percent = Math.floor(percent);
                        if(IE) document.all.slide.style.pixelLeft += percent;
                        if(NS) document.slide.left += percent;
                        lastScrollX = lastScrollX + percent;
                }
        }
        function checkFocus(x,y) {
        var totalY, totalX;
                floatx = document.slide.pageX;
                floaty = document.slide.pageY;
                floatwidth = document.slide.clip.width;
                floatheight = document.slide.clip.height;
 
                        if(20 == 0) totalY = floatheight;
                        else totalY = 25;
                        if(0 == 0) totalX = floatwidth;
                        else totalX = 0;
                if( (x > floatx && x < (floatx+totalX)) && (y > floaty && y < (floaty+totalY))) return true;
                else return false;
        }
        function grabIt(e) {
                if(IE) {
                        whichIt = event.srcElement;
                        while (whichIt.id.indexOf("slide") == -1) {
                                whichIt = whichIt.parentElement;
                                if (whichIt == null) { return true; }
                    }
                        whichIt.style.pixelLeft = whichIt.offsetLeft;
                    whichIt.style.pixelTop = whichIt.offsetTop;
                        currentX = (event.clientX + document.body.scrollLeft);
                        currentY = (event.clientY + document.body.scrollTop);
 
                        if(20 == 0) totalY = whichIt.style.pixelHeight;
                        else totalY = 20;
                        if(0 == 0) totalX = whichIt.style.pixelWidth;
                        else totalX = 0;
                        if(!(event.clientX > whichIt.offsetLeft && event.clientX < whichIt.offsetLeft + totalX) ||
                        !(currentY > whichIt.offsetTop && currentY < whichIt.offsetTop + totalY)) whichIt = null;
                } else {
                window.captureEvents(Event.MOUSEMOVE);
                if(checkFocus (e.pageX,e.pageY)) {
                        whichIt = document.slide;
                        FloatTouchedX = e.pageX-document.slide.pageX;
                        FloatTouchedY = e.pageY-document.slide.pageY;
                }
                }
            return true;
        }
 
        function moveIt(e) {
                if (whichIt == null) { return false; }
                if(IE) {
                    newX = (event.clientX + document.body.scrollLeft);
                    newY = (event.clientY + document.body.scrollTop);
                    distanceX = (newX - currentX);    distanceY = (newY - currentY);
                    currentX = newX;    currentY = newY;
                    whichIt.style.pixelLeft += distanceX;
                    whichIt.style.pixelTop += distanceY;
                        if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
                        if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
                        if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
                        if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
                        event.returnValue = false;
                } else {
                        whichIt.moveTo(e.pageX-FloatTouchedX,e.pageY-FloatTouchedY);
                if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
                if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
                if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
                if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
                return false;
                }
            return false;
        }
        function dropIt() {
                whichIt = null;
            if(NS) window.releaseEvents (Event.MOUSEMOVE);
            return true;
        }
        if(NS) {
                window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
                window.onmousedown = grabIt;
                window.onmousemove = moveIt;
                window.onmouseup = dropIt;
        }
        if(IE) {
                document.onmousedown = grabIt;
                document.onmousemove = moveIt;
                document.onmouseup = dropIt;
        }
        if(NS || IE) action = window.setInterval("heartBeat()",1);
// -->
</script>

Merci derweil, MK
 
Dass ist glaube ich insgesamt dafür verantwortlich. Alternativ dazu könnte man aber auch nur "position: fixed" verwenden - geht nur im IE6 nicht.
 
wo müsst ich denn des "postion Fixed " hinsetzen
hab schon paar sachen ausprobiert aber irgendwie haut des net hin...
HTML:
<style type="text/css">
                         <!--
                         A.menulink {
                         display: block;
                         width: 150px;
                         text-align: center;
                         text-decoration: none;
                         font-family: Arial;
                         font-size: 14px;
                          color: #ffffff;
                          background-color: #0000ff;
                          border-style: solid;
                          border-width: 1px;
                         border-color: #22264f;
                          }
                         A.menulink:hover {
                          border-style: solid;
                          border-width: 1px; border-color: #22264f;
                         color: #22264f;
                         background-color: #b0c4de;
                          }
                         -->
                         </style>
                         <table border="0" width="110" align="center">
                         <tr>


see ya mk
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben