Jquery – laat change() werken in IE8 & IE7

Mark — Sun, 28 Mar 2010 09:09:10 +0000

Om hoofdpijn van te krijgen, change() function werkt blijkbaar niet in Internet Explorer 8 & 7, dus waarschijnlijk ook niet niet in Internet Explorer 6. Maar de oplossing is vrij eenvoudig;

Met bind() 2 functions meegeven, click() voor IE en change() voor de anderen:

Niet crossbrowser manier

Crossbrowser manier

Google Bookmarks Digg BlinkList Technorati Twitter del.icio.us Facebook StumbleUpon

Link hover met achtergrondafbeelding

Mark — Sun, 21 Dec 2008 17:10:35 +0000

Je hebt het al gezien, de links gestyld met afbeeldingen die veranderen als je er met de muis over uit gaat (hover).
Het meerdere deel van deze effecten wordt met JavaScript gerealiseerd, en ook is het (als er veel links zijn) nodig om de afbeeldingen te preloaden.
Deze tutorial leert je een techniek waarbij er geen JavaScript en/of preload aan te pas komt.

Download afbeelding

buttonex.jpg (127)

HTML


link #1
link #2
link #3
link #4
link #5

CSS

#menu a
{
display:block;
width:120px;
margin: 1em 0;
padding:7px 0 10px 20px;
font: bold 14px sans-serif;
color:#BE670A;
background: url("buttonex.jpg") 0 0 no-repeat;
text-decoration: none;
}
#menu a:hover
{
background-position: -157px 0;
/*verschuiving 157px links*/
color: #F28F27;
}
#menu a:active
{
background-position: -314px 0;
/*verschuiving 2x 157px links*/
color:white;
}