通过修改this.className 背景改变的按钮

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>背景改变的按钮</title>
<script src="../js/try.js"></script>
<style>
body{
font-size:12px;
}
.free{
width:286px;
border:1px solid #c1c1c1;
border-top:none;
background-color:#f9f9f9;
}
.overStyle{
color:#489379;
width:102px;
height: 24px;
text-align:center;
border:0;
font-weight:bold;
cursor:pointer;
margin:0 0 0 96px;
background:#2868B8;
}
.outStyle{
color:#489379;
width:102px;
height: 24px;
text-align:center;
border:0;
font-weight:bold;
cursor:pointer; /* 手状 */
margin:0 0 0 96px;
background-color:#f9f9f9;
}
</style>
</head>
<body>
<table align="center" class="free">
<tr><td colspan="2" height="80"></td></tr>
<tr>
<td>
<select name="type">
<option>会员名</option>
<option selected="selected">邮箱名</option>
</select>
</td>
<td><input type="text" name="email" size="15">@sina.com</td>
</tr>
<tr>
<td>密码</td>
<td><input type="text" name="pass" size="15"></td> <!-- 设置input长度 15个字段 -->
</tr>
<tr>
<td>&nbsp;</td>
<td><input type="checkbox" name="remem">记住邮箱名</td>
</tr>
<tr>
<td clospan="2">
<input type="submit" value="登录" class="outStyle"
onmouseover="this.className=‘overStyle‘"
onmouseout="this.className=‘outStyle‘">
</td>
</tr>
</table>
</body>
</html>

时间: 2024-12-28 08:29:48

通过修改this.className 背景改变的按钮的相关文章

改变Android按钮背景颜色的高效方法

本文将介绍一种有效改变Android按钮颜色的方法. 按钮可以在状态改变时改变其颜色(例如按下,禁用,高亮显示).但是,这需要一一说明每个状态.这篇文章将提供你一个根据状态变化轻松改变按钮颜色的方法.如果你正在写自定义视图,那么不妨也来读一读,因为中间我会涉及到如何用自定义属性实现自定义视图的相关内容. 如何实现 Android提供了灵活的绘制选择机制,可根据视图状态转变视图外观.每个状态通过一个单独的部分而存在.例如:在正常.禁用.按下.高亮状态下的按钮有着不同的背景颜色.请看下面的代码示例:

修改IOS中UISearchBar的取消按钮背景、搜索内容输入文本框背景和UISearchBar的背景

转载请标明出处:http://blog.csdn.net/android_ls/article/details/39993433 测试的手机IOS系统版本号为:6.1.3,实现步骤如下: 1.添加UISearchBar到父View _searchBar = [[UISearchBar alloc]init]; _searchBar.frame = CGRectMake(0, 0, self.view.frame.size.width, kSeachBarH); _searchBar.autore

小技巧——优盘图标改变和背景改变

参考链接:http://jingyan.baidu.com/article/63acb44afeac2661fcc17e8d.html 相信很多用户已经看惯了u盘的背景与图标,但是有时看久了也会觉得单调,虽说已习以为常,同时也希望能改变一下,希望能给u盘换个背景,今天u启动小编就来手把手的教教大家,一起来学习一下吧! 在进行背景图片设置之前,我们需要一张自己喜欢的照片,然后把图片处理成大小为1024x768.格式为.jpg的图片,将处理好的图片拷贝到u盘中. 在u盘内新建记事本后,在记事本中输入

JavaGUI——设置框架背景颜色和按钮颜色

import java.awt.Color; import javax.swing.*; public class MyDraw { public static void main(String[] args) { //创建框架 JFrame myFrame=new JFrame("图画"); //myFrame.setLocation(200, 300);//第1参数表示离左屏幕边框距离,第2参数表示离屏幕上边框距离 myFrame.setSize(600, 400); myFram

VC OnCtlColor函数来修改控件背景颜色

CWnd::OnCtlColor afx_msg HBRUSH OnCtlColor( CDC* pDC, CWnd* pWnd, UINT nCtlColor ); 返回值:OnCtlColor必须返回一个刷子句柄,该刷子将被用于画出控件的背景. 参数: pDC 包含了子窗口的显示设备环境的指针.可能是临时的. PWnd 包含了要求颜色的控件的指针.可能是临时的. NCtlColor 包含了下列值,指定了控件的类型: · CTLCOLOR_BTN 按钮控件 · CTLCOLOR_DLG 对话框

xcode如何将系统语言改为中文,可修改拍照界面retake和use按钮

配置项目本地化支持简体中文和英文 工程-PROJECT-info->Localizations,点"+",选择(Chinese(Simplified))添加简体中文,英文Xcode自带有(English),所以不需要再次添加,以此法也可修改拍照界面retake和use按钮

生成具有三态背景图片的按钮

class PussButton: # # 生成具有三态背景图片的按钮 # def init(self, *imgPath): from PyQt5.QtWidgets import QPushButton from PyQt5.QtGui import QPixmap length = len(imgPath) if length==3: nomalPath = imgPath[0] hoverPath = imgPath[1] pressedPath = imgPath[2] else: p

ios修改NavigationController的背景颜色

在ios开发的过程中,我们经常需要修改NavigationController的背景颜色,当使用方法[self.navigationController.navigationBar setBackgroundColor:[UIColor redColor]]时,运行的结果并不能修改北京颜色: 现在提供一种新方法来解决这个问题: 写一个NavigationBar写一个类别: @interface UINavigationBar (BackgroundColor) //设置navigationBar

div滚动条,可以自由的给滚动条定义背景,上下按钮,当然不仅仅是颜色,连图片当背景也可以。

可以自由的给滚动条定义背景,上下按钮,当然不仅仅是颜色,连图片当背景也可以.支持鼠标滚轮,点击滚动条滚轴定位,上下按钮久按加速,兼容firefox,谷歌 下载地址