六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 41|回复: 0

简单的实现按钮特效(原创)

[复制链接]

升级  63.33%

116

主题

116

主题

116

主题

举人

Rank: 3Rank: 3

积分
390
 楼主| 发表于 2013-1-29 11:37:21 | 显示全部楼层 |阅读模式
<div class="cnt">在我们建设网站的过程中,总是希望能有一定的特效,特效可以通过JS或Ajax或Flash来实现,但有些也太过于复杂,对于初学者来说,容易上手的应该就是HTML自己的一些特效,这些也足以够充下排场,OK,接下来是个按钮的特效,用两个图片就可以解决,效果是鼠标移过后有两张效果,其实原理就是鼠标在按钮上时候是一张图片,离开后是另一张图片。代码如下:
<input name="imageField" type="image" src="img/del1.jpg" width="76" height="21" border="0" onMouseOut="this.src='img/del1.jpg'" >
很简单
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表