Avatar billede dagreyman Nybegynder
17. februar 2009 - 13:21 Der er 3 kommentarer og
1 løsning

problem: onmouseover på en div

Hej alle,

Har et problem med mouseover på en div.
Ved mouseover flimre effekten, når musen går fra billede til tekst i div´en, nogen der har en løsning på dette problem?


<script type="text/javascript">
function fadeIn(id)
{
  $(id).fade({to: 1, duration: 0});
}
function fadeOut(id)
{
  $(id).fade({to: 0.8, duration: 0});
}
</script>

<div id="nyhed" onClick="window.open('nyhed','_self');" onmouseover="fadeIn('nyhed_03')" onmouseout="fadeOut('nyhed_03')">
  <img border="0" src="news_images/nyhed.jpg" /><br /><br />
  <p>Header</p>
  Tekst
</div>
Avatar billede olebole Juniormester
17. februar 2009 - 13:46 #1
<ole>

Det skyldes, du laver mouseout på divet, når du laver mouseover på billedet og omvendt. Det betyder, du laver en masse mouseovers og -outs, når du kører musen rundt over divet.

Da det ikke synes at være alm. JS, du bruger, men et af dagens mange invalide JS-libraries (Prototype, jQuery, Scriptaculous, el.lign.). Mit liv og min tid er for kostbart til at kæmpe med den slags 'kode' - så jeg må nøjes med forlaringen. Løsningen må du få fra en anden  =)

/mvh
</bole>
Avatar billede jokkejensen Novice
17. februar 2009 - 14:05 #2
.. det kunne da være interessant at vide om det er prototype med scriptaculas, eller jquery ui..

/J
Avatar billede dagreyman Nybegynder
17. februar 2009 - 14:14 #3
Det er rigtigt at jeg bruger jQuery.

Men problemet er løst med hover via javascript, hvilket jeg ikke lige havde kendskab til..

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
  $('.section').css({opacity: '0.8'});
 
    $('.section').hover(function(){
        $(this).fadeTo(0, 1);

    },function(){
        $(this).fadeTo(0, 0.8);
    });
})
</script>

Så trækker svaret tilbage da jeg selv fik has på det, men takker for interessen
Avatar billede jokkejensen Novice
17. februar 2009 - 14:37 #4
np
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