鼠标放到图片上替换图片，改变样式。

方法一：用

onmouseover和

onmouseout 实现

<asp：Imgbutton  runat="server" src="drop.gif"  οnmοuseοver="this.src='drop.gif'" οnmοuseοut="this.src='tabs2_2.gif'" />

方法二：用 css 自带的样式去实现。

CSS样式

/*大按钮*/
.btn_big
{border-style: none;border-color: inherit;border-width: medium;background-image: url('bt.jpg');width: 60px;height: 20px;color:#113E75;}
/*大按钮滑动后改变样式*/
.btn_big:hover
{background-image: url('bt_B.jpg');color:White;}

按钮引用

<asp:Button ID="btcx" runat="server" Text="查询" CssClass="btn_big" OnClick="btcx_Click" />

原图：效果图：

转载于:https://www.cnblogs.com/smile-wei/archive/2012/05/09/2491834.html

鼠标放到图片上替换图片，改变样式。相关推荐

商品详情页中，当鼠标放到小图上时，改变大图的图片为当前小图的图片
在做商品详情页时,我们会遇到这样的问题,当鼠标移动到小图上的时候,所对应的大图也会随之改变,变成当前鼠标所在位置的小图图片,今天我给大家分享一下我的做法,希望对大家有所帮助,也希望得到大家的指点. / ...
鼠标移到图片上，图片放大
.Nei1 img{ width: 122px; height: 89.6px; float: left; padding: 2px 2px; transition: all 0.6s; } .Nei ...
html点击文字展开图片,DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现.CSS实现鼠标悬停放图片上方时显示美化内容. 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景 ...
鼠标悬停文字上显示图片
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
iOS修改图片尺寸和裁剪功能以及图片上加图片图片加文字（水印效果）
1.修改图片尺寸 - ( UIImage *)imageWithImageSimple:( UIImage *)image scaledToSize:( CGSize )newSize { ...
python代码图片-python实现图片上添加图片
在介绍完给图上添加文字后,我们再介绍给图片上添加图片,也就是图片的叠加. 需要使用的Python的图像库:PIL.更加详细的知识点如下: Imaga模块:用来创建,打开,保存图片文件 new(path ...
python开发图片_python实现图片上添加图片
在介绍完给图上添加文字后,我们再介绍给图片上添加图片,也就是图片的叠加. 需要使用的Python的图像库:PIL.更加详细的知识点如下: Imaga模块:用来创建,打开,保存图片文件 new(path ...
Python版在图片上添加图片
在介绍完给图上添加文字后,我们再介绍给图片上添加图片,也就是图片的叠加. 需要使用的Python的图像库:PIL.更加详细的知识点如下: Imaga模块:用来创建,打开,保存图片文件 new(path ...
python 添加图片,python实现图片上添加图片
在介绍完给图上添加文字后,我们再介绍给图片上添加图片,也就是图片的叠加. 需要使用的Python的图像库:PIL.更加详细的知识点如下: Imaga模块:用来创建,打开,保存图片文件 new(path ...

鼠标放到图片上替换图片，改变样式。

鼠标放到图片上替换图片，改变样式。相关推荐

最新文章

热门文章