JS 特效学习:背景颜色在线改变
没图的JS都是耍流氓!!! 一、实现效果: 二、原理分析: 为了实现上述功能,我们一共需要做两件事情: 使用HTML完成输入框和按钮工具的搭建; 使用JS完成按钮功能到背景颜色的关联; 三、模块拆解: 1.HTML 之 <input> : 请输入颜色编码 : < input id = "in1" type = "color" > <input> 元素的功能是创建一个输入接口,根据属性 <type> 的不同,会出现不同种类的形状。在本例子中参数为 color ,即出现了可供操作者自由选择的调色板。 <id> 属性顾名思义,即当前元素的引用凭据,我们在获得 <input> 元素的输入结果时,需要使用 <id> 元素来提取出结果。 备注 : <input>元素详细讲解(HTML) 2.HTML 之 <button> : < button type = "button" onclick = javascript : ChangeBackgroundColor ( ) > 提交 < / button > <button> 元素的功能是创建一个按钮工具,根据输入文本的不同,会在按钮工具上显示出不同的文本信息。在本例子中,文本信息为 “提交” 。 <type> 属性规定了提交按钮的类型,一共有三种,分别为: submit,button,reset ;由于个人水平有限