Forums » .NET » .NET »

Jqyery button

Posted Date: 17 Mar 2011      Posted By:: rohit     Member Level: Bronze    Member Rank: 5776     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: 100     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: 4340     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

Online Members

Priya jain
Copyright © SpiderWorks Technologies Pvt Ltd., Kochi, India