关于鼠标经过后按钮变背景

cyxyou 2012-03-10 09:56:12
用JS做个效果,当你鼠标经过按钮时,按钮的背景图片变了,移开有恢复原来的图片背景!帮忙解决下
...全文
136 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
中草药代码 2012-03-12
  • 打赏
  • 举报
回复
设置onmouseover和onmouseout实现
对应的添加你需要的样式就可以了
追峰傲骨 2012-03-12
  • 打赏
  • 举报
回复
CSS解决:鼠标在按钮上方叫hover,获得焦点叫focus,按下去且正在访问叫 active , 按下去已经离开叫 visited。具体方式参照二楼。另一种就是onmouseover和onmouseout实现上面也有...
jzshmyt 2012-03-11
  • 打赏
  • 举报
回复
设置onmouseover和onmouseout实现,一样代码的事儿,如下:

<input type="button" value="鼠标移过我试试" onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor=''">
还在加载中灬 2012-03-11
  • 打赏
  • 举报
回复
这个用CSS就可以做到了,如2楼
noahchenli 2012-03-11
  • 打赏
  • 举报
回复
用onblur事件和onfocus事件来做就可以了
oldhen123 2012-03-10
  • 打赏
  • 举报
回复
$(".button").hover(function(){
$(this).css("background","newbg.jpg");
},
function(){
$(this).css("background","originbg.jpg");
});
Acesidonu 2012-03-10
  • 打赏
  • 举报
回复
.buttonClass:hover {
background-image: url("图片路径");
}

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧