Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 623
  • Last Modified:

jquery fade background

Here is a simple fading colour background: http://www.beaconhilldesign.co.nz/jquery/bg_colours-change/index.html
What I want to do is stop the text changing colour so that on mouse over only the background changes (and not the text).
Regards,
N
0
Neil_Bradley
Asked:
Neil_Bradley
  • 2
1 Solution
 
wasim117Commented:
In main.js change the hover color #FFF to original color of the text #666.

this will solve the issue.

below code is changing the color of the link.

$(this)	.stop()
				.css({"color": $(this).attr("rel")})
				.animate({"color": hoverColour}, 350);

Open in new window

0
 
Neil_BradleyWeb UX/UI DeveloperAuthor Commented:
I need to completely disable the function that changes the text colour. The finished design will use more than one colour text in my box so your solution would not work.
0
 
ventaurCommented:
Change the references for "color" to "backgroundColor" in your calls to .css and .animate.
0
 
Neil_BradleyWeb UX/UI DeveloperAuthor Commented:
Thats got it.. Thanks for that.
N
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now