码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-11-14 17:52:43      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:order   鼠标   css   color   显示   function   var   out   seo   

<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>

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

标签:order   鼠标   css   color   显示   function   var   out   seo   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!