Ik heb deze code, waar een tekstje telkens van kleur verandert:
Code:function flashEnqueteLink() { var elem = $('a.topMenuLink[rel=enquete]'); var hoverColour = elem.css('color'); elem.animate({'color': 'rgb(255, 0, 0)'}, 500, /* The Callback */ function() { elem.animate({'color': hoverColour}, 500, /* The Callback */ flashEnqueteLink); }); }
Dit werkt niet helemaal en het leek me handiger in jQuery, hoe kan ik dit in jQuery schrijven?
Bedankt!
- Javascript --> jQuery
-
28-07-2010, 19:20 #1Particulier
- Berichten
- 361
- Lid sinds
- 14 Jaar
Javascript --> jQuery
-
28-07-2010, 19:25 #2
- Berichten
- 258
- Lid sinds
- 18 Jaar
Zoek eens in de jQuery documentatie naar css();
Met die functie kan je erg eenvoudig de css van elk object aanpassen.
Veel succes!
-
28-07-2010, 19:57 #3Particulier
- Berichten
- 361
- Lid sinds
- 14 Jaar
Ik heb dit:
(function($)
{
$.fn.blink = function(options)
{
var defaults = { delay:500 };
var options = $.extend(defaults, options);
return this.each(function()
{
var obj = $(this);
setInterval(function()
{
if($(obj).css("color") == "rgb(255, 0, 0)")
{
$(obj).css('color','#000000');
}
else
{
$(obj).css('color','rgb(255, 0, 0)');
}
}, options.delay);
});
}
}(jQuery))
$(document).ready(function(){$('.blink').blink()})
Hoe moet ik dit oplossen?Laatst aangepast door Nathan K. : 28-07-2010 om 20:08
-
29-07-2010, 13:06 #4
- Berichten
- 1.484
- Lid sinds
- 16 Jaar
jQuery kan geen kleur animaties uitvoeren. Hiervoor heb je de color plugin nodig.
Voorbeeld:
http://dev.jquery.com/~john/ticket/fx-rewrite2/
Ik heb het nooit toegepast maar ik geloof dat deze plugin ervoor zorgt dat je met jQuery animate ook color (als text kleur) en background-color kan animaten.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic