三个按钮 点击可变三种颜色

<html>
  <head>
  <meta charset="utf-8">
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title></title>
    <style>
    #div1{
    width:100px;
    height:100px;
    background:red;
    }
    </style>
    <script>
    function toYellow(){
      var oDiv=document.getElementById(‘div1‘);
      oDiv.style.background=‘yellow‘;
    }

    function toGreen(){
      var oDiv=document.getElementById(‘div1‘);
      oDiv.style.background=‘green‘;
    }
    function toBlue(){
      var oDiv=document.getElementById(‘div1‘);
      oDiv.style.background=‘blue‘;
    }
    </script>
  </head>
  <body>
  <input type="button" value="变黄" onclick="toYellow()"/>
  <input type="button" value="变绿" onclick="toGreen()"/>
  <input type="button" value="变蓝" onclick="toBlue()"/>
  <div id="div1"></div>
  </body>
</html>
时间: 2024-11-04 15:30:56

三个按钮 点击可变三种颜色的相关文章

android下 按钮点击 的四种写法

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">1)点击按钮的实现类接口; //弊端,按钮多的话,代码冗余;</span> 1.findViewByID(); 2.btn.setOnClickListener(new MyOnClickListener());//实现类的接口; 3.class MyOnClickListe

UI-切圆角、透明度、取消按钮点击高亮效果、按钮文字带下划线

一.切UIView的某个角为圆角 如果需要将UIView的4个角全部都为圆角,做法相当简单,只需设置其Layer的cornerRadius属性即可(项目需要使用QuartzCore框架).而若要指定某几个角(小于4)为圆角而别的不变时,怎么做呢? 其实很简单,使用UIBezierPath,设置CAShapeLayer,给UIView设置遮罩效果即可. // 图标左上.左下切圆角 UIBezierPath *phoneIconPath = [UIBezierPath bezierPathWithR

监听按钮点击事件的三种方式实现及调试信息输出的三种方式实现

监听按钮点击事件的三种方式实现: 1.匿名内部类 2.外部独立类 3.接口实现 package com.example.button; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.util.Log; import android.view.Menu; import android.view.MenuItem; import android.view.View;

Unity NGUI监听按钮点击事件的三种方法

NGUI版本:3.6.5 1.直接实现OnClick方法: 创建一个脚本,在脚本中实现OnClick()方法,绑定该脚本到按钮上,点击时就会实现OnClick函数内容: 2.使用SendMessage: 选择按钮后,打开Component——NGUI——Interaction,选择Button Message,为按钮添加一个UIButton Message组件: 然后设置UIButton Message中的参数即可: Target:接收按钮消息的游戏对象: Function Name:接收按钮消

Android学习笔记(3)——按钮点击注册事件的四种写法

搬运自本人博客,xge技术博客 http://www.xgezhang.com/android_button_onclick_4_ways.html Android下,按钮点击事件是在开发过程中经常会写到的东西.这里总结一下常见的四种写法: 界面代码就是一个button控件: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <RelativeLayout xmlns:android="http://schemas.android.com/apk/re

Android实现Button按钮点击事件监听的几种方式

工作中的项目通常有多个人一起开发,而每个人都有每个人的代码风格,不注重代码规范通常是前人挖坑,后人采坑,降低项目开发效率及加大维护难度,这里分享几种安卓按钮点击事件监听的实现方式. 方式一:直接在Activity中实现View.OnClickListener接口,重写onClick方法,提供所有按钮监听事件入口.这是实际项目中最常用的方式,尤其在页面有多个按钮的情况下比较适用. package com.example.myapp; import android.app.Activity;impo

Android Day01-Android按钮点击事件的4种写法

按钮点击事件,说白了就一个方法,setOnClickListener(OnClickListener). 只要传递的参数只要是OnClickListener接口的子类即可,很容易想到的2种实现方式就是匿名内部类和定义一个类实现这个接口.另外还有2种实现方法,有必要着重讲一下: 1.让Activity自身实现OnClickListener接口,传递setOnClickListener参数用this. 然后在onClick(View v)方法中,判断事件源id. switch(v.getId())

Android中使用4种方式实现按钮点击操作

在Android开发中,对控件的操作是最基本的技术,尤其是对按钮的点击操作.我以下总结了4种按钮点击的实现方式.与大家分享,希望大家批评指正. (1)匿名内部类实现 这种方式是最简单的实现,一般刚开始学习Android或者学习基于用户界面的开发,该方法是必学的.实现代码如下: public class MainActivity extends Activity { private Button button; @Override protected void onCreate(Bundle sa

Android实现按钮点击效果(第一次点击变色,第二次恢复)

1.首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="点击变色" android:background="@drawable/btn_st" android:gravity="center&