Avatar billede g1mzee Nybegynder
16. maj 2008 - 18:17 Der er 7 kommentarer

opacity - hjææælp!

<link rel="stylesheet" type="text/css" href="style.css">
<script LANGUAGE="JavaScript">


function setOpacity(id) {
    var opa = 0;
    var speed = 2;
    ddmenu = document.getElementById(id);
    ddmenu.style.opacity = 0;
    ddmenu.style.visibility = 'visible';
   
    for (i = speed; i <= 100; i += speed) {
        window.setTimeout("roleDown('id', 'opa', 'speed')", 50);
}
}
function roleDown(id, opa, speed) {
    opa += speed;
    if (opa <= 100) {
        document.getElementById(id).style.opacity = 'opa';
    }
}




</script>
</head>

<body>

<ul id="DDmenu">
    <li>
    <a href="#" onmouseover="setOpacity('DD1')"> Home </a>
        <div id="DD1">
        <a href="link1.htm">link1</a>
        <a href="link2.htm">link2</a>
        <a href="link3.htm">link3</a>
        <a href="link4.htm">link 23057</a>
        <a href="link5.htm">sidste link er altid længst</a>
        </div>
    </li>

</div>



</body>
</html>
Avatar billede g1mzee Nybegynder
16. maj 2008 - 18:19 #1
ups, jeg glemte tekst. :p
Det, det hele handler om , er at jeg har en menu jeg gerne vil ha lavet noget fikst på. Jeg vil gerne have at den Synligheden af den bliver mere og mere, når man har musen over, hvilket er opacity.
og det er id'et DD1 jeg skal have til at komme frem, når musen er over home.


håber nogen kan hjælpe mig.
Avatar billede w13 Novice
16. maj 2008 - 18:27 #2
Det har du da koden til, ser det ud til?
Avatar billede g1mzee Nybegynder
16. maj 2008 - 18:42 #3
Ja, men det virker ikke :S
Avatar billede w13 Novice
16. maj 2008 - 18:51 #4
document.getElementById(id).style.opacity = 'opa';
skal nok være:
        document.getElementById(id).style.opacity = opa;
:)
Avatar billede g1mzee Nybegynder
16. maj 2008 - 19:04 #5
virker ikke.. ved ikke om det kan hjælpe hvis jeg skriver css'filen. men her kommer den, så du kan jo eventuelt selv prøve at kører det.


#DDmenu li
{
    list-style: none;
    float: left;
    font: bold 11px arial
    }

#DDmenu li a
{    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
   
    background: #5970B2;
    color: #FFF;
    text-align: center;
    text-decoration: none}



}
#DDmenu li a:hover
{    background: #49A3FF}

#DDmenu div
{    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2}

    #DDmenu div a
    {    position: relative;
        margin: 0;
       
        padding: 5px 10px;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #DDmenu div a:hover
    {    background: #49A3FF;
        color: #FFF}
Avatar billede w13 Novice
19. maj 2008 - 11:04 #6
Du bør nok også sætte:
filter:alpha(opacity=50)
og:
-moz-opacity:.50

De forskellige browsere kræver forskellige angivelser af Opacity.

Ref.: http://www.mandarindesign.com/opacity.html
Avatar billede w13 Novice
22. maj 2008 - 12:31 #7
Fået prøvet det?
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