鼠标放到按钮上,实现的动画

<div class="span_a" style="border:1px solid #ff545f">aa</div>
<script>
$(function () {
var span_a = $(".span_a");
span_a.mouseover(function () {
$(this).css("background-color", "#e14a54");//鼠标放上去后显示的背景色
// $(this).css("background-color", "#e14a54");//鼠标放上去后显示的背景色
// $(this).css("opacity", "0.3");
// $(this).css("background-color", "rgba(111, 1, 211, 0.1);");
$(this).css({background: 'rgba(255, 144, 11, 0.0000001)'});
// $(this).css("border", "1px solid #ff545f");
$(this).css("color", "#ff545f");
}).mouseout(function () {
$(this).css("background-color", "blue");
// $(this).css("border", "none");
$(this).css("border", "1px solid #ff545f");
// $(this).css(
// $(this).css({background: 'rgba(255, 144, 11, 0.3)'});
});
});
<script>
posted @ 2016-11-14 16:36  贺小鸣  阅读(431)  评论(0编辑  收藏  举报
为尊重他人劳动成果,转载/摘抄请标明来源!