html 碰到按钮改变颜色
作者&投稿：说贷 （若有异议请与网页底部的电邮联系）
1、先构造一个按钮。
2、再自定义一个函数，用来控制按钮的颜色和标签。
3、我们让按钮可以执行自定义函数，就需要把自定义函数作为参数，传给按钮的command。
4、用for语句创建两个这样的按钮。由于在自定义函数里面，也是用了for语句处理所有的按钮，所以这些按钮都会同时变色。
5、如果把36个按钮排成6行6列，需要用到grid方法。
注意事项：
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
HTML button按钮的边框样式与颜色都是可以修改的，用基本的HTML语法难以设计出美轮美奂的按钮风格，透过CSS却可以很容易的办到，在本篇HTML button按钮边框样式与颜色的修改介绍中，我们将会用到CSS border属性其中的边框样式（border-style）以及边框颜色（border-color）来制做，当然按钮本身的宽度（width）与高度（height）也必须搭配使用，无论是button还是submit按钮都可以用这样的技巧，但不同的浏览器可能会有一点点小小的差异，这跟浏览器本身有关系，设计按钮的css效果时，通常要多用几个浏览器测试。
范例一、HTML button按钮边框样式与颜色
呈现结果
范例二延续范例一的程式码，增加了background-color 的属性，替按钮增加背景颜色，这里为了让范例比较简洁一点，所以背景颜色都是用粉红色（pink）呈现，你也可以自己修改为其他不同的背景颜色。
#a1 {background:red;}
#a2 {background:green;}
</style>
<input type="botton" id="a1" onmouseover="this.id='a2'" onmouseout="this.id='a1'" value="按钮">
或者使用js都可以实现
用鼠标事件，ontouch咯，移动到按钮即产生事件。然后改变按钮颜色
仲长睿硫酸： 简单用get方式,为了方便就写jquery了 页面1(a.html):写一个点击事件,跳转页面 $('a').click(function(){ location.href = 'b.html?color=red'; }); 页面2(b.html): var color = location.search.substr(1).split('=')[1]; $('body').css('background',color);
峨眉山市13040588384： 在html中怎么样将按与背景颜色链接,当按下按钮时背景颜色会变化 - ？
仲长睿硫酸： html是一种静态网页,背景颜色是静态网页的一个固定元素,你所要求的是一种动态请求.html唯一可以实现的动态请求就是转跳页面,所以可以这样做:点击连接,跳到另一个页面,另一页面与本页面除背景色以外完全相同. 或者你可以用JSP编程设计页面,页面提供各种背景颜色选择的多个超链接,点击某一个连接时,都返回到当前页面,并传递一个参数,页面开头部分代码接收参数,根据参数的值来设置背景颜色.
峨眉山市13040588384： 怎么做效果Button啊 就是点击button 变色 - ？
仲长睿硫酸： 1、新建html文档,在来body标签中添加一些button按钮自,然后为这些按钮设置默认颜色为灰色: 2、添加js代码,首先获取2113所有的button按钮,然后使用5261for循环为这些按钮添加点击事件: 3、这时被点4102击的按钮将会更换颜色,而没有被点击的按钮依然是原来的颜色:1653
峨眉山市13040588384： html按钮颜色怎么改变? - ？
仲长睿硫酸： 直接给按钮定义背景样式或背景图片样式 <input type=button style=＂background:red＂ value=＂按钮＂ /> 或 <input type=button style=＂background:url(aa.jpg)＂ value=＂按钮＂ />
峨眉山市13040588384： HTML button变色的js代码 - ？
仲长睿硫酸： 每个button设id,然后js里面用id选择修改被点击的button的css样式如果还是不明白,代码发来
峨眉山市13040588384： html 按钮点击后变色且跳转内容 - ？
仲长睿硫酸： 这里提供两个方案(仅代表个人意见,不喜勿喷) 1、将这个写成两个不同的页面,然后添加链接. 2、可以通过js的点击时间触发和ajax,更换html的内容和样式.
峨眉山市13040588384： HTML中按钮上的字可以改变字体和颜色吗?怎么改 - ？
仲长睿硫酸： 这个只能通过css样式来改变,普通方法是改变不了的
峨眉山市13040588384： html中怎么动态实现网页背景颜色的转换!比如下图有三种背景颜色可以选择,通过点击相应东西改变背景颜色! - ？
仲长睿硫酸： 使用ie浏览器的话,网页的背景颜色可以在“internet 选项”对话框(可通过右击桌面上的ie图标,点“属性”打开)的“常规”选项卡下的“颜色”按钮设置.
峨眉山市13040588384： JavaScript中怎么设置一个按钮,然后点击一次这个按钮,整个背景颜色就变一下,红黄蓝依次变 - ？
仲长睿硫酸： 1、html代码:<button onclick='demo()'>click me!</button>2、js代码:var index=0; function demo(){ var colorArr=['red','yellow','blue']; event.target.style.backgroundColor = colorArr[index%3]; index+=1; }
峨眉山市13040588384： 帮忙用html语言编一个按钮,效果是点击一下变成红色,在点击一下变回 - ？
仲长睿硫酸： 确定
