Avatar billede sjsat Nybegynder
02. januar 2000 - 20:36 Der er 2 kommentarer og
1 løsning

fart, java script menu.

Hej! nogle der ved hvordan man ændrer farten på denne menu, så der kommer hurtigere frem:

<html>
<STYLE>
<!--
.link {

    color : White;
    font-weight : White;
    text-decoration : none;
   
}

A.link:hover {
    color : red;
}

A.link:active {
    color : #FFFFFF;
    text-decoration : none;
    text-transform : uppercase;
}
//-->
</STYLE>
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-170px;
width:160px;
top:50px;
border:2px solid black;
background-color:#727272;
layer-background-color:#727272;
font:bold 14px Verdana;
line-height:20px;
}
a:link {  color: #FFFFFF; text-decoration: none}
a:visited {  color: #FFFFFF; text-decoration: none}
a:active {  color: #FFFFFF; text-decoration: none}
a:hover {  color: #99FFFF; text-decoration: none}
-->
</style>

<body bgcolor="black" leftmargin="0">

<p><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()" top="12">
  <script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="andet"
sitems[1]="sjov"



//These are the links pertaining to the above text.
sitemlinks[0]="http://www.dk"
sitemlinks[1]="http://www.dk"


for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</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></p>

På forhånd tak!

Med Venlig Hilsen
søren..
Avatar billede 127144146281 Nybegynder
02. januar 2000 - 21:12 #1
setInterval styrer tiden prøv at sætte talene lidt ned
Avatar billede 127144146281 Nybegynder
02. januar 2000 - 21:15 #2
Prøv;

<
fart, java script menu.    02-01-00 20:36:29    30 point fra sjsat

Hej! nogle der ved hvordan man ændrer farten på denne menu, så der kommer hurtigere frem:

<html>
<STYLE>
<!--
.link {

    color : White;
    font-weight : White;
    text-decoration : none;
   
}

A.link:hover {
    color : red;
}

A.link:active {
    color : #FFFFFF;
    text-decoration : none;
    text-transform : uppercase;
}
//-->
</STYLE>
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-170px;
width:160px;
top:50px;
border:2px solid black;
background-color:#727272;
layer-background-color:#727272;
font:bold 14px Verdana;
line-height:20px;
}
a:link {  color: #FFFFFF; text-decoration: none}
a:visited {  color: #FFFFFF; text-decoration: none}
a:active {  color: #FFFFFF; text-decoration: none}
a:hover {  color: #99FFFF; text-decoration: none}
-->
</style>

<body bgcolor="black" leftmargin="0">

<p><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()" top="12">
  <script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="andet"
sitems[1]="sjov"



//These are the links pertaining to the above text.
sitemlinks[0]="http://www.dk"
sitemlinks[1]="http://www.dk"


for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</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()",20)
}
function draw(){
clearInterval(pullit)
drawit=setInterval("drawengine()",20)
}
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></p>
Avatar billede shaba Nybegynder
04. januar 2000 - 20:45 #3
<html>
<STYLE>
<!--
.link {

    color : White;
    font-weight : White;
    text-decoration : none;
   
}

A.link:hover {
    color : red;
}

A.link:active {
    color : #FFFFFF;
    text-decoration : none;
    text-transform : uppercase;
}
//-->
</STYLE>
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-170px;
width:160px;
top:50px;
border:2px solid black;
background-color:#727272;
layer-background-color:#727272;
font:bold 14px Verdana;
line-height:20px;
}
a:link {  color: #FFFFFF; text-decoration: none}
a:visited {  color: #FFFFFF; text-decoration: none}
a:active {  color: #FFFFFF; text-decoration: none}
a:hover {  color: #99FFFF; text-decoration: none}
-->
</style>

<body bgcolor="black" leftmargin="0">

<p><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()" top="12">
  <script language="JavaScript1.2">
var sitems=new Array()
var sitemlinks=new Array()

//extend or shorten this list
sitems[0]="andet"
sitems[1]="sjov"



//These are the links pertaining to the above text.
sitemlinks[0]="http://www.dk"
sitemlinks[1]="http://www.dk"


for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</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+=10
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-=10
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else if (window.drawit)
clearInterval(drawit)
}
</script></p>


Den er dobbelt så hurtig. Du kan bare regulere tallene 10, på det sted hvor der stod 5 i det du postede.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester