Hello everyone,
I am seeking to change the color attribute in my CSS file under the ID’s #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID’s are initialized inside an <a> tag (these are links). How can I do this with JavaScript?
This is what I tried:
<script type="text/javascript">
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
$('#realmaturesingles').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
function seniorPeopleMeetInitial()
{
$('#seniorpeoplemeet').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
}
function realMatureSinglesInitial()
{
$('#realmaturesingles').FontEffect({
gradient:true,
mirror:true,
mirrorColor:"#CCC"
})
}
function seniorPeopleMeetChange()
{
$(this).find("#seniorpeoplemeet").css('color', '#666');
}
function realMatureSinglesChange()
{
$(this).find("#realmaturesingles").css("color", '#666');
}
$("#realmaturesingles").hover(realMatureSinglesChange(), realMatureSinglesInitial());
$("#seniorpeoplemeet").hover(seniorPeopleMeetChange(), seniorPeopleMeetInitial());
</script>