按钮常用样式
CSS样式
.btnNormal {
background: url("../images/btn_normal.png") no-repeat scroll
0 transparent
}
.btnOver {
background: url("../images/btn_hover.png") no-repeat scroll
0 transparent;
}
.btnClick {
background: url("../images/btn_press.png") no-repeat scroll
0 transparent;
}
JS代码,当鼠标移到按钮上,离开按钮上,点击按钮时修改按钮样式
function click(){
$("#btn").attr("class", "btnClick");
}
function mouseOver(){
$("#btn").attr("class", "btnOver");
}
function mouseOut(){
$("#btn").attr("class", "btnNormal");
}
<input type="button" id="btn" class="btnNormal" name="btn" value="确 定" style="font-size:12px;padding-bottom:3px;color:white;margin-left:50px;width:96px;height:28px;border:0px;" onclick="click()" onmouseover="mouseOver()" onmouseout="mouseOut()"/>
font-size:12px;设置按钮中文本字体大小
padding-bottom:3px;padding样式设置按钮中文本字体位置
color:white;设置按钮中文本颜色
margin-left:50px;设置按钮与左边元素距离
border:0px;设置按钮边框,设置为0时可以去掉加上背景后的按钮边框
onmouseover鼠标移到按钮上的事件
onmouseout鼠标从按钮上移除的事件
分享到:
相关推荐
网页常用css3按钮样式代码
c# winform编程 玻璃按钮样式 非常漂亮的按钮样式库,直接打开可以使用,支持VB,大家下载吧。
常用的css3 button彩色按钮样式代码
常用样式你值得拥有
这里主要介绍了ExtJS常用组件的样式修改,包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。
QT精美样式表,超级好看,对QT常用的控件都做了美化,包含按钮、编辑框、进度条、下拉框、表格等等几十种,特别美观。只要一套搞定QT界面。
按钮集,网页图标集,可自定义按钮名称,集成样式,调用方便,文件夹内有大量常用小图标,比较齐全的一套
WPF常用用户控件样式,包括按钮、文本框、下拉框、GridData、树、滚动条等等都进行了精心的设计,拿来即用!里面包含有样式里所需的图标文件哦!
对asp中常用的按钮、文本框、复选框等控件样式进行编辑,让其外观更加友好!
C#制作出任意不规则按钮,C#日起函数样式大全,C#算法Code,接口基础,几个C#编程的小技巧,提高C#编程的50个要点,C#基础知识==
程序界面上的按钮多种多样,常用的就这几种:普通按钮、图标按钮、文字按钮、图片文字混合按钮。本文章记录了不同样式类型的按钮实现方法。下面话不多说了,来一起看看详细的介绍吧。 二、固定样式的按钮 固定样式的...
本例程为QRadioButton 单选按钮编程。通过这个例子,初步了解QT管理资源机制...项目使用样式表文件将两组按钮使用不同的样式表进行外观设置。 文章中使用的例程和内容都是在chatgpt的帮助下完成的,例程经过测试通过。
本例程为Push Button按钮编程。通过这个例子,初步了解QT的信号与槽、样式表等机制,此外,我们的调试环境配置了双架构`Kits`,使得编译调试可以在当前的ubuntu中进行,也可以重新编译后下载到目标arm设备中运行。
labview中的按钮打包,多款样式,常用的都有,可以自行选择
万用的B/S下按钮样式,一次写入,全局调用.和以往的样式应用和调用大不相同
将VS2010文本编辑与常用到的白色样式显示框, 彻底更换成黑色的样式, 像blend一样, 很保护眼睛。
本文实例讲述了js实现按钮加背景图片常用方法。分享给大家供大家参考。具体实现方法如下: 方法一: 代码如下:<input type=”submit” onMouseOver=”style=background:url(‘imgs/jb51.gif’)”/> 方法二:...
web常用的效果,包括按钮开关样式,进度条样式,导航条类型