Master:
# 1    Design an image button with css                  
Tim
Online no
State
Grouping Member
Class class3
Score 78
Wealth 84
Posts 51
Login 23:52:42
What i mean for the image button is the type of button is Submit, but we can place image background for it.

We need to use border:none for the css so that the right border and bottom border of submit button will be cleard that is not good.

After set the border:none, the button is not so dynamic now. So my question is: how to make this kind of button more dynamic and fancy? May need to use javascript onmouseover, mouseout to change classname? I did this before, the loading is too slow, not practicle at all.
Hits: 69, Date: 2010-02-07 02:06:07
[Agree] ( 4 ) [Against] ( 4 )

# 2    It is dificult to design a dynamic submit button                  
hans
Online no
State
Grouping Member
Class class4
Score 156
Wealth 123
Posts 109
Login 22:26:27
CSS is only one solution if you don't mind the speed. CSS is smart, i don't know why it is slow in dynamic button, maybe we need to try use jquery to load the images for the button in the page, then changing classname will find the image. If the image is not loaded, css won't work properly.

Code:
Sample of Changing class name in a image button:
onmouseover='this.className=hover-image-css
onmouseout='this.className=out-image-css

Hits: 67, Date: 2010-02-23 23:14:01
[Agree] ( 4 ) [Against] ( 4 )

# 3    Good search button example                  
Dude
Online no
State
Grouping Member
Class class4
Score 144
Wealth 117
Posts 100
Login 04:33:26
http://publib.boulder.ibm.com/infocenter/tivihelp/v2r1/index.jsp?topic=/com.ibm.IBMDI.doc/usersguide83.htm

It is fast and dynamic.
Hits: 61, Date: 2010-03-02 19:41:36
[Agree] ( 4 ) [Against] ( 4 )

1 - 3 [ 3]

Reply: Design an image button with css

*First line:


More content:


Tags:



Hint: You cannot post here before loginLogin | Register

nothing