按钮变色

#av_section_2 a.avia-button {transition:all 0.8s !important;

background-color:rgba(255,255,255,0.70) !important;

border: rgba(255,255,255,0.70) solid 2px !important;

color:#000 !important;

font-weight:bold !important;

}

#av_section_2 a.avia-button:hover {background:#8dc63e !important;

border: #8dc63e solid 2px !important;

color:#FFF !important;

opacity:1 !important;

}

#av_section_3 a.avia-button {transition:all 0.8s !important;

background:#8dc63e !important;

border: #8dc63e solid 2px !important;

color:#FFF !important;

font-weight:bold !important;

}

#av_section_3 a.avia-button:hover {

background-color:rgba(0,0,0,1.00) !important;

border: rgba(0,0,0,1.00) solid 2px !important;

color:#fff !important;

opacity:1 !important;

}

时间： 2024-11-10 08:15:53

按钮变色的相关文章

按钮变色变色变色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

因为商城项目的需求,自己写了一个小例子. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> input { display: block; margin: 1em; } button { margin: 1em; color:#fff; background:#999; border:none; }

移动端按钮交互变色实

web开发过程中,移动端按钮交互效果,点击按钮变色 <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"> document.body.addEventListener('touchstart', function () {}); </script> <style> .b

Unity，NGUI实现将一排按钮分组，实现选择功能

前几天需要实现一个选择功能,也就是一排按钮,选择哪一个,那个按钮变色,并且选择到某个对象,上网查了很多,但是没有,就自己用堆写了一个,在这跟大家分享. 好像插不了图片,那我直接上代码吧: //选择是那块区域地板 //点击事件(点击一个按钮会变成想要的图片) public void AnniuOnClick(GameObject game) { //要换的图集和图片名字 game.GetComponent<UISprite>().atlas = a

js勾选checkbox，按钮可按

主要实现jquery方法,勾选checkbox后按钮变色并且除去disabled $(function () { $('.pricing-box').click(function () { $(this).addClass("select").siblings().removeClass("select"); }) $(".agree-choose input[type='checkbox']").change(function () { if

JS图片轮播

轮播就是一组图,每次显示一张1. 先定义两个函数:显示某图,隐藏某图2. 写自动轮播3. 写点击按钮的图片切换 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Carousel·轮播</title> <style> div.outer { width: 200px; height: 200px; border: 1px solid

我的前端故事----欢乐大富翁(￣︶￣)↗ （摇骰子+棋盘）

十一马上就要到了~~做为前端的小伙伴~活动页面必然是少不了了~那怎么吸引眼球呢?当然是玩游戏啦~这次就带来一个我为十一做的小游戏,作为活动页中的衬托~~ 那我们要做个什么样的游戏呢?先上图~ 由于实际的效果图因为是公司的活动,我就不贴出来了~这里用这个棋盘来大致说明一下效果咯~下面是游戏规则: 1,当用户看到棋盘的时候,棋子出现在上一次停留下来的位置: 2,当用户点击开始后,中间的骰子开始摇动,最后停止在服务器返回的数字前: 3,当骰子结束动画后,棋子还是移动,一步一步的向前移动,遇到四个顶点的

抽奖系统（慕课网题目）

要求实现功能: 1.点击左侧按键,开始抽奖,点击右侧按键,停止抽奖: 2.敲击回车键,开始抽奖,再次敲击回车键,停止抽奖: 3.开始抽奖后,左侧按钮变色: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>抽奖</title> <link rel="stylesheet"

android studio你可能忽视的细节——启动白屏？drawable和mipmap出现的意义？这里都有！！！

android studio用了很久了,也不知道各位小伙伴有没有还在用eclipse的,如果还有,楼主真心推荐转到android studio来吧,毕竟亲儿子,你会知道除了启动速度稍微慢些,你找不到一个亚于eclipse的地方,哦,你电脑还不能太烂~ 1)先来说说android studio 启动应用黑白屏的问题. 前不久升级了studio,更新到了2.1.1,发现了一个问题.在启动新项目的时候,app总会出现一段长时间的白屏或者黑屏,楼主一开始一直以为是楼主接的公司项目算法太耗时的原因,但是楼