SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Post Adding Rollover Effect to Links with jQuery's Font Effect Plug-in

    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:
    Code:
    <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>

  2. #2
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    The Plug-in was downloaded from jQuery website: Font Effect | jQuery Plugins


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •