Forums » .NET » .NET »

Jqyery button

Posted Date: 17 Mar 2011      Posted By:: rohit     Member Level: Bronze  Member Rank: 0     Points: 1   Responses: 2

jqyery buttons tutorials. i want if my mouse go over on button then button color change otherwise not.


#596406    Author: Shekar.Y      Member Level: Gold      Member Rank: 0     Date: 18/Mar/2011   Rating: 2 out of 52 out of 5     Points: 3

You can use the onmouseover, onmouseout javascript events for handling the such scenarios.

Refer to the following link which explains about change the background color of an achortag using onmouseover.

Hope this could help you.


#596453    Author: Karthick NS      Member Level: Bronze      Member Rank: 0     Date: 18/Mar/2011   Rating: 2 out of 52 out of 5     Points: 4

Hi rohit,

Need not to write jquery codings for this. Use CSS files you can change the color of the button.

For ex:

<style type="text/css">
color: #000;
background: #ccc;
width: 163px;
heigt: 63px;

color: #fff;
background: #000;

<input class="btnOk" type="submit" value="Ok" />
<input />

But Internet Explorer 6 doesn't support hover class of CSS.

if you want in jquery,
background: #ccc;
background: #000;

$("#btnOk").removeClass( "normalButton" );
$("#btnOk").addClass( "hoverButton" );

$("#btnOk").removeClass( "hoverButton" );
$("#btnOk").addClass( "normalButton" );
Thanks & Regards,
Karthick NS

Post Reply     

 This thread is locked for new responses. Please post your comments and questions as a separate thread.
If required, refer to the URL of this page in your new post.

  • Return to Discussion Forum
  • Start new thread

  • Subscribe to Subscribers
    Active Members
    TodayLast 7 Daysmore...

    Awards & Gifts
    Talk to Webmaster Tony John
    Copyright © SpiderWorks Technologies Pvt Ltd., Kochi, India