Jave Navigation

[Niro.`]

Hallo,

ich suche schon die ganze Zeit nach so einem Script:

Wenn man drauf klickt, soll es so rauskommen, wie auf dem 2. Bild.

Wisst ihr wo ich so ein Script finde?

 

[DeLuXe]

Hier ist Möglichkeit Nr. 1:

<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:70px;
border:1.5px solid #800000;
background-color:#FFFF00;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>
<script language="JavaScript1.2">

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()


sitems[0]="Test"
sitems[1]="Test"
sitems[2]="Test"
sitems[3]="Test"
sitems[4]="Test"
sitems[5]="Test"
sitems[6]="Test"
sitems[7]="Test"
sitems[8]="Test"
sitems[9]="Test"
sitems[10]="Test"
sitems[11]="Test"


sitemlinks[0]="#"
sitemlinks[1]="#"
sitemlinks[2]="#"
sitemlinks[3]="#"
sitemlinks[4]="#"
sitemlinks[5]="#"
sitemlinks[6]="#"
sitemlinks[7]="#"
sitemlinks[8]="#"
sitemlinks[9]="#"
sitemlinks[10]="#"
sitemlinks[11]="#"

for (i=0;i<=sitems.length-1;i++)
document.write('[url='+sitemlinks[i]+']'+sitems[i]+'[/url]
')
</script>
</layer>
<script
language="JavaScript1.2">
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
window.onload=regenerate2
if (document.all){
document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else{
themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull(){
if (window.drawit)
clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else if (window.pullit)
clearInterval(pullit)
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script>

 

[DeLuXe]

Und hier Möglichkeit Nr.2:

<style>

#menuShow{
border: 1px solid #666666;
background-color: #111111;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}

#menuSelect{
border: 1px solid #666666;
background-color: #111111;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}

</style>

<div id="menuSelect">
[url="#"]>> Menu[/url]
</div>
<div id="menuShow">
[url="#"]<< Menu[/url]




[url="#"]Menu Item A[/url]

[url="#"]Menu Item B[/url]

[url="#"]Menu Item C[/url]



[url="#"]Menu Item D[/url]

[url="#"]Menu Item E[/url]



[url="#"]Menu Item F[/url]

[url="#"]Menu Item G[/url]

[url="#"]Menu Item H[/url]

</div>

<script>
Show ="yes";
var OffX = -150;
var PosX =  250;
var PosY =  100;
var speed        = 1;
var increment    = 2;
var incrementNS4 = 5; // for slower NS4 browsers
var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;

var MenuX=OffX;
var SelX=PosX;
var sPosX=PosX;
var sOffX=OffX;

if (Show=="yes"){
sPosX=OffX;
sOffX=PosX;
MenuX=sOffX;
SelX=sPosX;
}

if (is_NS4){
increment=incrementNS4;
Lq="document.layers.";
Sq="";
eval(Lq+'menuSelect'+Sq+'.left=sPosX');
eval(Lq+'menuShow'+Sq+'.left=sOffX');
eval(Lq+'menuSelect'+Sq+'.top=PosY');
eval(Lq+'menuShow'+Sq+'.top=PosY');
}else{
Lq="document.all.";
Sq=".style";
document.getElementById('menuSelect').style.left=sPosX+"px";
document.getElementById('menuShow').style.left=sOffX+"px";
document.getElementById('menuSelect').style.top=PosY+"px";
document.getElementById('menuShow').style.top=PosY+"px";
}

function moveOnMenu(){
if (MenuX<PosX){
MenuX=MenuX+increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}

function moveOffMenu(){
if (MenuX>OffX){
MenuX=MenuX-increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}

function moveOffSelector(){
if (SelX>OffX){
SelX=SelX-increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOffSelector()',speed);
}
}

function moveOnSelector(){
if (SelX<PosX){
SelX=SelX+increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOnSelector()',speed);
}
}

</script>

 

[Fler]

zu dem 1.

Kann man das auch so machen, das die navigation auch mit nach unten geht, also wenn man runter scrollt, das die navigation mit runter geht. und wenn man wieder hoch scrollt, geht sie wieder mit hoch, sodass man sie immer sieht :?:

bitte schnell antworten ist wichtig

Gruss fler