jQuery Hyperlink Color Fade

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Fullstack Developer TOTO

Do you want to work with the latest technologies on the development of new systems and applications? Get moving and strengthen Nederlandse Loterij as a Fullstack Developer TOTO. Thanks to your efforts, complex business critical applications are always running smoothly. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Fullstack Developer you score by: Taking ownership of the development cycle of an application in a large scale, high availability, geo redundant landscape Coaching your peer developers and safeguarding code quality Integrating the application with other components of the system using the available API’s Managing

Bekijk vacature »

Front end developer

Functie Het team bestaat uit User Experience designers, Data Scientists en Software Engineers met passie voor hun vak. De consultants en ontwikkelaars werken volgens de Design Thinking methode waarbij de eerste stappen van ontwerp en ontwikkeling zullen samenkomen in een proof of concept. Nadat is vastgesteld dat de oplossing voldoet aan de belangrijkste behoeftes worden producten of services gevalideerd door middel van korte iteraties. Hiermee zorgen ze ervoor dat het werk voldoet aan de technische vereisten en gebruikersbehoefte. Door het inzetten van de nieuwste technologieën die toekomstbestendig zijn weten ze klanten omver te blazen. Ook geven en organiseren ze veel

Bekijk vacature »

PHP Software Developer

Functie omschrijving Op zoek naar een nieuwe uitdaging binnen PHP? Lees dan snel verder! Wij zoeken een ervaren PHP developer die binnen een organisatie gaat functioneren als verlengstuk van de klant. Wij zoeken voor deze iemand die technisch complexe zaken met enthousiasme en plezier aanvliegt. Verder moet je instaat zijn om je tijd goed te managen omdat je aan meerdere projecten tegelijkertijd werkt. Je werkt met de nieuwste technieken en tijdens deze uitdaging werk je veel samen met de front-end developers van deze organisatie. Wij zoeken iemand die zichzelf graag uitdaagt en altijd de beste wilt zijn. Bedrijfsprofiel Waar ga

Bekijk vacature »

Leidinggevend Full Stack Developer

Hé jij, nieuwe Pinkcuber! Ga aan de slag bij Pinkcube, online leverancier van promotieartikelen! Een innovatieve organisatie waar extra stappen zetten voor klanten de normaalste zaak van de wereld is. Ambitieus zijn we ook. ‘Naoberschap’ staat bij Pinkcube hoog in het vaandel; we helpen elkaar en iedereen is welkom. Pinkcube is Great Place to Work Certified, erkend leerbedrijf, maatschappelijk betrokken partner van stichting Present en partner van CliniClowns. En misschien wel jouw nieuwe werkgever. Wij zoeken namelijk een enthousiaste: Leidinggevend Full Stack Developer (40 uur, medior/senior) Ben jij klaar om baanbrekende ideeën tot leven te brengen en deel uit te

Bekijk vacature »

.NET Developer

Dit ga je doen Tot jouw takenpakket behoort onder andere: Webapplicaties ontwerpen, bouwen, testen en implementeren in .NET/C#.; Ontwikkelen, implementeren en beheren van maatwerkapplicaties; Onderhouden en beheren van standaardpakketten; Onderzoeken en beoordelen van nieuwe technieken. Hier ga je werken Als .NET ontwikkelaar kom je te werken bij een grote semioverheidsinstelling in Nijmegen. De organisatie staat garant voor het leveren van onderwijs en les- en onderzoeksmateriaal voor duizenden betrokkenen. De organisatie wil bijdragen aan een gezonde, vrije wereld met gelijke kansen voor iedereen. Binnen de teams hangt een open en collegiale cultuur met veel aandacht voor een prettige en sociale werksfeer.

Bekijk vacature »

Network Engineer (f/m/d) in Heidelberg

Network Engineer (f/m/d) The IT Services team operates and supports the IT infrastructure and services at EMBL headquarters in Heidelberg and at the laboratory’s sites in Barcelona and Rome. As part of IT Services, the Network team is responsible for managing and developing the network infrastructure in our data centres, on campus, and to our external network providers. As a leading scientific institution with highly data-intensive research, extensive data flows at and between the laboratory’s six sites and to the Internet, EMBL is connected to national and international scientific networks using state-of-the-art technologies from vendors including Cisco, Extreme Networks and

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

Front-end developer (HTML, CSS, SASS, JavaScript)

Functie Momenteel zijn we voor ons Digital team op zoek naar een (medior) Front-end developer. Samen met je collega’s werk je in een Agile/Scrum omgeving aan de ontwikkeling van onze webapplicaties, websites en andere oplossingen. Je draagt bij aan een sterk ontwikkelproces waarin kwaliteit voorop staat. Hiervoor ben je niet alleen bezig met eigen code maar ook code reviews van andere collega’s. Ben jij graag op de hoogte van de nieuwste ontwikkelingen in je vakgebied en wil je deze toepassen voor diverse projecten? Dan komen wij graag met je in contact! Eisen • HBO werk- en denkniveau • Minimaal 2

Bekijk vacature »

Software developer

Functieomschrijving Voor een gewaardeerde werkgever in de regio van Middelburg zijn wij op zoek naar een ambitieuze PHP/Symfony Developer. Een enthousiast persoon die het development team komt versterken met het aanpakken van complexe en nieuwe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor zowel persoonlijke als professionele groei? Lees dan snel verder! Dit ga je doen: Aanpassingssuggesties van collega’s in kaart brengen, vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Ontwikkeling en beheer van de serviceportal in Symfony en

Bekijk vacature »

Full-stack developer

Als Full-stack developer bij KUBUS houd je je bezig met het ontwikkelen van de (web)applicatie en services van BIMcollab. Samen met je SCRUM team werk je aan zowel de front- als de back-end. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein genoeg om als individuele ontwikkelaar invloed uit te kunnen oefenen en echt het verschil te kunnen maken. Ons ontwikkelteam bestaat uit ruim 40 ontwikkelaars, testers, scrum

Bekijk vacature »

Back End Developer

Als Back End developer bij KUBUS houd je je bezig met het ontwikkelen van de (web)applicatie en services van BIMcollab. Je hebt een focus op de back end van onze software, daarvoor werken wij hoofdzakelijk met C# en .NET. Wij hanteren een full-stack benadering, wat betekent dat je naast de back-end ook meehelpt bij andere onderdelen van de code. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein

Bekijk vacature »

App Developer

Samen werken aan een gezonder Nederland en toekomstbestendige zorg voor iedereen. Dat is de impact die jij kan hebben als App Developer bij VGZ. Wil jij een bijdrage leveren aan een maatschappij waarin iedereen zich thuis voelt? Bekijk dan de vacature. Uit onderzoek van Computable is VGZ verkozen tot ‘beste niet-ICT werkgever voor ICT’ers van Nederland’ Hoe ook jij het verschil maakt Als App developer werk jij aan het belangrijkste communicatiekanaal van VGZ, namelijk de App! Als App developer bij VGZ maak je onderdeel uit van een van onze App-teams. Met een goede mix van kennis en ervaring zet je

Bekijk vacature »

Database developer - SQL

Functie omschrijving Kan jij goed overweg met complexe algoritmes en het schrijven van procedures in T-SQL? Heb jij al wat ervaring opgedaan met SQL en vind je het tijd voor de volgende stap? Lees dan snel verder! Dit software bedrijf, gespecialiseerd in de ontwikkeling van logistieke software, is op zoek naar een ervaren SQL database developer. Jouw werkzaamheden zullen onder andere bestaan uit: Je sluit aan bij meetings en brengt het gehele logistieke proces in kaart. Vervolgens ga je als lead developer aan de slag om de klus te klaren. Je stuurt het junior developer team en helpt, zo nodig,

Bekijk vacature »

Front-End React Developer

As a Front-End React Developer you improve the user-experience of our web applications for your colleagues in Coolblue. How do I become a Front-End React Developer at Coolblue? As a Front-End React Developer you are responsible for developing user interface components and implementing them using React.js concepts and workflows. You work with the UX Designer and get energy from coming up with creative solutions and present these within the team. During the day you gather and welcome feedback on your technical and soft skills. Would you like to become a Front-End React Developer at Coolblue? Read below if the job

Bekijk vacature »

Ervaren PHP developer gezocht!

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »
Afhaal Chinees

Afhaal Chinees

07/02/2012 21:26:45
Quote Anchor link
Hey allen,

Ik wil graag mijn hyperlinks laten faden naar de kleur die ik in een css bestand heb neergezet.
Ik heb daarvoor deze code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
        <script>
            $(document).ready(function(){
                $('a').hover( function() {
                    hovercolor = $(this).css("color");
                    $(this).animate({ backgroundColor: hovercolor }, 200);
                });
            });
        </script>

En dit is de css code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
div.menu > ul > li > a:hover {
    color: #33CCFF;
}


Iemand enig idee wat ik fout doe?
Ja, de kleur wordt geladen, want die kan ik zien met een alert (RGB)

Alvast bedankt,
Gewijzigd op 07/02/2012 21:45:23 door Afhaal Chinees
 
PHP hulp

PHP hulp

16/01/2025 04:08:46
 
Wouter J

Wouter J

07/02/2012 21:44:15
Quote Anchor link
[quote] tags zijn om mensen te citeren. We gebruiken hier [code] tags om code weer te geven, zou je dit misschien willen aanpassen=

Het mankement van jQuery Animate is dat het geen background-colors ondersteund. Gelukkig zijn er op de wereld genoeg developers die dit wel voor elkaar krijgen en daarom is er een jQuery color plugin gekomen. Laad deze JS samen met jQuery in in je site en jou code zal werken.
 
Afhaal Chinees

Afhaal Chinees

07/02/2012 21:47:14
Quote Anchor link
Wouter J op 07/02/2012 21:44:15:
[quote] tags zijn om mensen te citeren. We gebruiken hier [code] tags om code weer te geven, zou je dit misschien willen aanpassen=

En ik gebruik altijd een vraagteken als ik een vraag stel :P
Geintje natuurlijk, doe even Ctrl+Shift

Maargoed, ik bedoel dan wel font-kleuren en geen background-kleuren.
Er van uit gaande dat dat ook niet werkt zal ik eens naar die plugin kijken.
 
Wouter J

Wouter J

07/02/2012 21:50:45
Quote Anchor link
Afhaal Chinees op 07/02/2012 21:47:14:
Geintje natuurlijk, doe even Ctrl+Shift

Tja, als je veel met Vim werkt typ je vaak per ongeluk Shift+Ctrl in...

Quote:
Maargoed, ik bedoel dan wel font-kleuren en geen background-kleuren.

Maar je wilt de background-color animaten? Want dat zeg je in je scriptje 'backgroundColor'. En dan heb je de plugin nodig.
Font colors kunnen volgens mij wel gewoon (nog nooit getest).
 
Afhaal Chinees

Afhaal Chinees

07/02/2012 21:56:31
Quote Anchor link
Wouter J op 07/02/2012 21:50:45:
Quote:
Maargoed, ik bedoel dan wel font-kleuren en geen background-kleuren.

Maar je wilt de background-color animaten? Want dat zeg je in je scriptje 'backgroundColor'. En dan heb je de plugin nodig.
Font colors kunnen volgens mij wel gewoon (nog nooit getest).


Oei, daar zeg je me wat. Foutje...
Maar als ik alleen color gebruik (i.p.v. backgroundColor) werkt het nog steeds niet, wat wel zou moeten volgens deze pagina: http://docs.jquery.com/UI/Effects/animate

Edit: Ik heb de jQuery UI core nodig, even downloaden hoor... Momentje dus.
Gewijzigd op 07/02/2012 21:57:12 door Afhaal Chinees
 
Wouter J

Wouter J

07/02/2012 22:00:53
Quote Anchor link
jQuery UI heb je niet nodig. Het geen je van jQuery UI nodig hebt is die color plugin die ik je net gegeven had. jQuery UI bevat nog veel meer onnodige dingen en is daarom 4kb en die color plugin nog geen eens 1kb. Het is dus veel handiger om de color plugin te laden.
 
Afhaal Chinees

Afhaal Chinees

07/02/2012 22:07:45
Quote Anchor link
Ik snap je punt, maar er zitten een aantal leuke functies in die UI kit die ik wel kan gebruiken zie ik :)

Afijn, ik heb nu deze code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
                $("a").mouseover(function() {
                    hovercolor = $(this).css("color");
                    $(this).animate({ color: hovercolor }, 1000);
                });

Dan wordt de link in één flits blauw.
Als ik "color: hovercolor" verander in "color: "red"", dan veranderd de link in één keer in blauw (staat in de css) maar fade dan van blauw naar rood.

Is hier nog een oplossing voor?
Gewijzigd op 07/02/2012 22:08:21 door Afhaal Chinees
 
Afhaal Chinees

Afhaal Chinees

09/02/2012 11:47:28
Quote Anchor link
- bump -
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.