如何设置一个按钮或者一个标签对应多个动作

 时间:2026-02-17 01:35:09

1、我们新建一个html5文件,为其填写标准html代码,代码效果如下!

如何设置一个按钮或者一个标签对应多个动作

2、新建一个按钮,并为其设置样式。

用浏览器打开网页,网页效果如下。

如何设置一个按钮或者一个标签对应多个动作

如何设置一个按钮或者一个标签对应多个动作

3、为按钮设置“id=btt”,并编写script标签。 

如何设置一个按钮或者一个标签对应多个动作

4、通过js获取到按钮标签元素,并将其赋值到变量btt里。

如何设置一个按钮或者一个标签对应多个动作

5、在js中新建两个函数,函数aa将按钮的背景色变为黑色,函数bb将按钮的背景色变为红色。

如何设置一个按钮或者一个标签对应多个动作

6、通过标签本身的悬浮触发事件我们调用aa()函数,悬浮后离开调用函数bb(),这样我们就用js实现了一个按钮或者一个标签对应多个动作。

如何设置一个按钮或者一个标签对应多个动作

7、接下来我们刷新浏览器看下相关操作所对应按钮的不同相应状态吧!

如何设置一个按钮或者一个标签对应多个动作

如何设置一个按钮或者一个标签对应多个动作

  • 十一朵玫瑰花的花语的意思是什么
  • 易语言编写聊天软件
  • 在网页环境中自动展现搜索选项怎么设置?
  • QQ空间红警大战BUG
  • c4d基础入门教程
  • 热门搜索
    防火安全手抄报 生活中的小数手抄报 中小学生守则手抄报 民族精神手抄报 传染病手抄报图片简单 美在我身边手抄报 讲文明懂礼貌的手抄报 元旦节手抄报一等奖 放飞中国梦手抄报 小学生交通安全手抄报