首页 > 代码库 > 鼠标放到按钮上,实现的动画
鼠标放到按钮上,实现的动画
<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>
鼠标放到按钮上,实现的动画
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。