`

用图片做按钮的不同状态

阅读更多
<input
type="Button" 
onMouseOver="this.className='btnOver'"
onMouseOut="this.className='btnNormal'"
onMouseDown="this.className='btnDown'"
onMouseUp="this.className='btnOver'"
class="btnNormal"
value="未点击的按钮"
onclick="this.value='被点击的按钮'" 
name="button"
>


.btnNormal { ... }
.btnOver { ... }
.btnDown { ... }

 试了几种,这种方法设按钮在不同状态下的不同样式很有效。

分享到:
评论

相关推荐

    MFC扩展位图按钮 实现不同状态切换 异形按钮 提示等

    MFC的CBitmapButton的扩展类,实现了: ...鼠标经过按钮时按钮状态图片的改变; 鼠标指针在按钮上时形状的改变; 异形按钮,利用按钮自绘实现了特殊形状按钮; 按钮提示信息,鼠标停留在按钮上会显示提示

    按钮的三种状态(普通、聚焦、按下)

    在本例中,我们可以为每种状态创建一个对应的位图,然后在按钮状态改变时更新按钮的位图显示。 以下是一种简单的实现方式: 1. **创建资源**:首先,你需要创建三个位图资源,分别对应按钮的普通、聚焦和按下状态...

    实现跟踪鼠标单击状态的图片按钮

    综上所述,实现一个跟踪鼠标单击状态的图片按钮主要涉及设置按钮的触摸监听器或者点击监听器,以及利用Drawable的Selector来管理按钮的不同状态。这样的设计使得用户在与按钮交互时能够获得清晰的反馈,提高了应用的...

    mfc按钮类,1张图片合成3种状态

    6. **处理消息**:为了更新按钮状态,需要响应WM_MOUSEMOVE、WM_LBUTTONDOWN和WM_LBUTTONUP消息。当鼠标在按钮上移动时,改变状态为悬停;鼠标按下时,状态设为按下;松开鼠标时,恢复为正常状态。 7. **注册消息...

    编程用-按钮图片集合

    "编程用-按钮图片集合"这个资源正为此目的而准备,它是一系列精心挑选并整理的按钮图片,为开发者提供了一站式的解决方案,帮助他们在创建用户界面时能够快速找到符合设计需求的图形元素。 按钮在用户界面(UI)...

    LabVIEW如何制作图片按钮

    ### LabVIEW如何制作图片按钮 #### 一、前言 在使用LabVIEW的过程中,往往会遇到需要自定义界面元素的情况,特别是在需要美观且个性化的用户界面时。LabVIEW提供了丰富的控件库来帮助开发者构建功能强大的应用程序...

    Android实现跟踪单击状态的图片按钮

    本文将详细讲解如何在Android中实现一个能够跟踪其单击状态的图片按钮。 首先,我们来理解Android中的图片按钮(ImageButton)。它是Button的一个子类,主要区别在于它默认显示的是图片而不是文本。为了实现跟踪...

    Delphi图片按钮控件,很好用

    2. 多状态按钮:按钮可以有多种状态,如正常、悬停、按下等,每种状态可能需要显示不同的图片,这可以通过设置多个图片或使用状态集合(StateImages)来实现。 3. 按钮响应:处理按钮的点击事件,编写适当的事件处理...

    自定义多种状态按钮

    如果按钮状态变化涉及到图片或图标,需要正确管理和加载这些资源。可以使用CBitmap、CIcon等类来加载和显示资源,并确保在不再需要时释放资源。 6. **对话框集成** 如果这个自定义按钮用于对话框,我们需要在对话...

    自绘按钮,实现三种按钮状态

    本主题主要围绕如何实现一个自绘按钮,展示三种不同的按钮状态,并调整边框颜色,使其不同于默认的白色。 首先,我们需要创建一个新的C++类来继承标准的CButton类,这样可以重写其成员函数以实现自绘功能。在这个...

    WPF样式图片按钮

    在Windows Presentation Foundation (WPF) 中,样式图片按钮是一种结合了图像和按钮功能的控件,它可以提供更直观、更具视觉吸引力的用户交互体验。在本文中,我们将深入探讨如何在WPF中创建和使用样式图片按钮,...

    按钮图片生成器

    总的来说,“按钮图片生成器”是一款非常实用的工具,尤其适合那些不擅长图形设计但又想自己动手做游戏的开发者。它降低了图像资源制作的门槛,使得更多的人能够专注于游戏逻辑和玩法的创新,而不必过于担心视觉表现...

    漂亮常用的按钮图片源文件

    压缩包中的文件名称列表虽然没有给出具体细节,但我们可以想象其中可能包含了各种不同风格、形状、颜色和大小的按钮图片源文件。例如,可能有圆形、矩形、扁平化、3D效果、渐变色、纯色填充等多种样式。这些多样化的...

    MFC BUTTON按钮控件,设置按钮透明,按钮背景色,文本,按钮显示状态等等

    这个类是对MFC默认的`CButton`类的扩展,提供了更多的功能,如透明度控制、自定义背景色、文本样式以及按钮的不同显示状态。在MFC中,我们可以通过继承来扩展基础类的功能,这样可以保留原有类的行为,同时添加新的...

    经常要用的的图片 office按钮图片

    文件名如`modepreview.gif`、`modeedit.gif`等暗示了这些图像是代表不同的工作模式或功能状态,例如预览模式、编辑模式。`modeviewbtn.gif`可能表示查看或切换视图的按钮,而`modetext.gif`和`modecode.gif`可能分别...

    web按钮图片web按钮图片

    4. **状态变化**:交互性是web按钮的关键特性,设计时应考虑不同状态下的按钮样式,如鼠标悬停时的效果、按下状态以及禁用状态。 5. **动画效果**:轻微的动画效果,如渐变、微动或过渡,可以提升用户体验,使按钮...

    Delphi按钮控件TButton源代码(包括PNG图片按钮)

    要实现PNG图片按钮,我们需要做以下几步: 1. **导入PNG图片**:Delphi支持多种图片格式,包括PNG。可以使用TImage组件加载PNG图片,然后将其与TButton关联。 2. **自定义绘制**:由于TButton默认不支持PNG图片,...

    VC++图片按钮button程序

    可能需要考虑按钮的状态(如按下、悬停、正常),根据状态显示不同的图片。 6. **界面布局**:在对话框类的`OnInitDialog`函数中,添加自定义的图片按钮到界面上,并设置其大小、位置和属性。 通过以上步骤,一个...

    编程用-按钮图片集合3

    "编程用-按钮图片集合3"这个资源包,显然提供了一组专门用于编程或网页设计的按钮图片,总计1351个。这些图片可能是水晶风格的图标,具有高透明度和精致的视觉效果,为开发者和设计师提供了丰富的选择。 水晶按钮...

    精美网页按钮图片 数字按钮图片

    在实际应用这些按钮图片时,设计师还需要考虑到响应式设计,确保按钮在不同设备和屏幕尺寸下都能正常显示和使用。这可能涉及到按钮的自适应布局,以及在移动设备上的触摸友好性。 总之,"精美网页按钮图片 数字按钮...

Global site tag (gtag.js) - Google Analytics