首页 > 其他 > 详细

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

时间:2016-11-14 17:52:01      阅读:207      评论:0      收藏:0      [点我收藏+]
<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>

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

原文:http://www.cnblogs.com/heyiming/p/6062387.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!