How to change appearance and content of the <button> after click and hover ?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ilya Kraft
    New Member
    • Jan 2011
    • 134

    How to change appearance and content of the <button> after click and hover ?

    Hello everyone,

    I need to develop button similar to twitters "Follow" button. I need to change appearance and content of the button after someone clicked, hovered it. Is it possible to achieve this with css, AJAX or javascript? Please if somebody can provide source code, tutorial or any other help on how to do this, can you please help ))).

    Here is what I am looking for:

    [IMGnothumb]http://bytes.com/attachments/attachment/5208d1307725836/buttons.jpg[/IMGnothumb]
    Attached Files
    Last edited by Niheel; Jun 19 '11, 04:12 PM.
  • hellodipak
    New Member
    • Jun 2010
    • 26

    #2
    jquery - easy and darling! http://api.jquery.com/hover/

    Comment

    • ilya Kraft
      New Member
      • Jan 2011
      • 134

      #3
      Hi,

      yehh I thought it would be jQuery, but I still don't get it, how do I change the "+" and "-" images, color on hover etc. could you please explain it in more depth, because the link you provided only gives brief explanation of what I'm looking for.

      Comment

      • ilya Kraft
        New Member
        • Jan 2011
        • 134

        #4
        Can you please explain how to use css in jQuery?

        Comment

        • drhowarddrfine
          Recognized Expert Expert
          • Sep 2006
          • 7434

          #5
          While this CAN be done using CSS, using jQuery is like killing a fly with a sledge hammer. I don't know why so many people think jQuery is the solution to everything when (almost) one line of javascript will do.

          But ask this question on the javascript board.

          Comment

          • macem
            New Member
            • Jun 2011
            • 8

            #6
            if You can please use html/css and then js. jQuery is very simple (but slow) so that many people use them.

            Comment

            • hellodipak
              New Member
              • Jun 2010
              • 26

              #7
              jQuery is the smallest plug-in ever. - http://jquery.com/

              Comment

              • hellodipak
                New Member
                • Jun 2010
                • 26

                #8
                jQuery is the smallest plug-in ever. It's making our life far easy than it was with only JavaScript. Want to know more about jquery? google for jquery. Google, Microsoft, DELL and many such big corporations are using jquery.

                Once you started using it, I bet you wont leave it..

                Comment

                Working...