8.7w+
社区成员
前端：大家帮忙看看这个按钮的悬浮特效怎么实现
如题描述，是腾讯做的一个日历上的按钮特效功能，但我只会模仿腾讯的静态按钮样式，一悬浮mouseover和mouseout的就不知道怎么做了
http://v2.ta.qq.com/summary/index?sId=7835836#!1-0 就是这个网站，
悬浮进和悬浮出这个按钮，
http://v2.ta.qq.com/summary/index?sId=7835836#!1-0 就是这个网站，
悬浮进和悬浮出这个按钮，
...全文
请发表友善的回复…
发表回复
small-dragon 2015-05-15
- 打赏
- 举报
get，原来是这样子啊
slwsss 2015-05-15
- 打赏
- 举报
没有恢复原来样式的功能
事件里改变class是最简单的
small-dragon 2015-05-15
- 打赏
- 举报
因为你看腾讯那个按钮特效用JS来实现的话，-webkit-backgournd-image,-o-background-image都不知道怎么用JS来写，所以mouseout的事件就不好写了，所以我比较关心的是有没有让mouseout事件恢复原来未悬浮前按钮的样式，而不是再写一个一样的样式
slwsss 2015-05-15
- 打赏
- 举报
直接设置mouseover、mouseout事件修改样式
http://www.w3cschool.cc/jquery/event-hover.html
small-dragon 2015-05-15
- 打赏
- 举报
要是我想用hover事件呢，能不能用hover事件来实现:hover伪元素的功能？能不能只实现mouseover的功能而不写mouseout的功能就能实现:hover伪元素？因为:hover伪元素就是相当于只实现mouseover的功能，而mouseout就是默认恢复原来的功能嘛，相信我说得挺清楚的了
slwsss 2015-05-15
- 打赏
- 举报
hover ？
.date:hover {
background-image: none;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}