hover med jquery p� flere billeder

Sat, 30 Mar 2013 18:27:26 GMT

Hej

Jeg har rodet lidt med det her men kan ikke f� det til at spille, der er en del flere billeder men jeg har kun taget et uddrag.

Tanken er at n�r man f�re musen over s� hover den fra 1-gray.png til 1.png og 2-gray.png til 2.png osv.

JScript kode

 <script  type='text/javascript'>
 $(document).ready(function(){
      $("#partners").hover(function() {
            $(this).attr("src","button-hover.png");
      }, function() {
            $(this).attr("src","button.png");
      });
 });
 </script>

HTML kode

 <div id="partners">
 <img src="<?=$url?>img/partners/1-gray.png" width="121" height="30" border="0" alt="">
 <img src="<?=$url?>img/partners/2-gray.png" width="81" height="30" border="0" alt="">
 <img src="<?=$url?>img/partners/3-gray.png" width="129" height="30" border="0" alt="">
 </div>

Menu-item forbliv valgt, ved hover af undermenu?

Mon, 18 Feb 2013 20:17:26 GMT

Hej folkens jeg sidder med et lille problem, og google lader ikke til at kunne hj�lpe mig. Jeg har lavet den her hjemmeside som har en menu i toppen, til den har jeg s� lavet en slidedown-undermenu, som via Jquary glider ned n�r man har holdt over en af hovedmenuerne et par milisekunder. N�r man s� holder musen over en af hovedmenuerne, f�r den en baggrundsfarve, s� man kan se det er den man holder over, men n�r man k�rer ned over undermenuen der er poppet op, mister hovedmenuen sin baggrundsfarve, selvf�lgelig fordi man ikke l�ngere holder musen over den, hvilket den ikke skal. S� mit problem er, hvordan g�r jeg s�dan at hovedmenuen forbliver aktiv n�r jeg holder musen over undermenuen?

Dette er min html-kode:

HTML kode

 <ul id="rightmenu">
     <li><a href="#">Hjælp</a>
         <ul>
             <li><a href="#">Nu på serveren</a></li>
             <li><a href="#">Regler</a></li>
             <li><a href="#">Guides</a></li>
         </ul>
     </li>
     <li><a href="#">Ansøg</a></li>
     <li><a href="#">Log ind</a></li>
 </ul>

Og det her er min css:

CSS kode

 #rightmenu{
     list-style: none;
     font-family: 'Glegoo', serif;
     padding: 20px 0;
     margin: 0 auto;
     list-style: none;
     float: left;
     width: 338px;
     text-align: center;
 }
 
 #rightmenu li{
     display: inline-block;
     margin-right: 2px;
     position:relative;
     z-index:500; 
 }
 
 #rightmenu li a{
     text-decoration: none;
     color: #fff;
     display: block;
     line-height: 100%;
     padding: 12px 20px;
 }
 
 #rightmenu li a:hover{
     color: #155FB0;
     background: rgba(0,0,0,.2);
 }
 
 #rightmenu li ul {
     position:absolute; 
     left:0; 
     display:none; 
     margin:0 0 0 -1px; 
     padding:0; 
     list-style:none;
     text-align: left;
     z-index: 1000;
     font-size: 15px;
     background: #1b1b1b url('billeder/rightbarbg.png');
 }
         
 #rightmenu li ul li {
     width:200px; 
     float:left; 
 }
         
 #rightmenu li ul a {
     display:block;  
     height:15px;
     padding: 20px 20px; 
     color:#fff;
     background: rgba(0,0,0,.2);
 }
 
 #rightmenu li ul a:hover {
     background: rgba(0,0,0,.4);
 }

Og hvis i ogs� lige vil have javascriptet med:

JScript kode

 <script type="text/javascript">
     $(document).ready(function () { 
 
         $('#rightmenu li').hover(
             function () {
                 $('ul', this).stop().slideDown(250);
             }, 
             function () {
                 $('ul', this).stop().slideUp(200);          
             }
         );
     });
 </script>

Jeg h�ber i kan hj�lpe, det ville v�re fedt, jeg fandt nemlig nogle l�sninger p� nettet, men de virkede ikke for mig af en eller anden grund! P� forh�nd tak

CSS: Links virker ikke ...

Sat, 18 Feb 2012 21:02:18 GMT

Hej Udvikleren!

Jeg har nogle links som ikke vil farves.

A:hover
{
color: white;
text-decoration: none;
}

Mit link:

<a href="home.html" style="color: white">Hjem</a>

Har tilf�jet style="color:"... fordi jeg ikke kan farve links med A:link heller... En id� om hvad der er galt?

Udvikleren.dk - Seneste [hover] forum tr�de

hover med jquery p� flere billeder

Menu-item forbliv valgt, ved hover af undermenu?

CSS: Links virker ikke ...