使用 JavaScript 中的 document 对象查找 HTML 元素,实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时,按钮高亮显示;
2024-08-29 20:42:06
查看本章节
查看作业目录
需求说明:
使用 JavaScript 中的 document 对象查找 HTML 元素,实现“登录”按钮的高亮特效 鼠标悬浮于“登录”按钮时,按钮高亮显示;
- 鼠标离开时,按钮恢复原状。
- “登录”按钮初始效果如图所示
- 鼠标悬浮时,按钮高亮显示。“登录”按钮高亮显示效果如图所示
实现思路:
- 在 window 的 onload 事件中获取一组指定 name="btnLogin" 的“登录”按钮
- 用循环依次给每个 name=“btnLogin”的按钮设置 onmouseover 和 onmouseout 事件处理函数
- 在事件绑定的函数中,设置图像按钮的 src 属性,利用更换图像来达到高亮显示和恢复原状的特效
实现代码:
最新文章
- ssl + nginx + tomcat 部署方案
- ionic 获取手机所在位置
- sass sourcemap详细使用
- 使用ikmv将jar转换为dll,在.NET中直接调用
- Runner站立会议01
- Node.js初探之hello world
- iOS - (集成支付宝SDK大坑总结)
- Python命令行解析argparse常用语法使用简介
- EF 只更新部分字段
- Jsoup库 解析DOM文档
- 给input元素添加float. 去除IE6 下input的空隙
- 如何生成Azure SAS Token
- Hibernate配置文件current_session_context_class的意思
- sort排序在苹果与安卓端不一致问题
- 《Linux内核设计与实现》第一、二章学习笔记
- Spring Cloud Netflix之Eureka 相关概念
- Android学习进阶路线导航线路(Android源码分享)
- 阻塞与非阻塞、同步与异步、I/O模型
- Laravel5.1 模型 --多对多关系
- spring框架所有包说明
热门文章
- 使用Lock接口来解决线程安全的问题
- 【C/C++】拔河比赛/分组/招商银行
- Redis增加测试数据
- 测试工具_http_load
- 一文详解 纹理采样与Mipmap纹理——构建山地渲染效果
- ciscn_2019_es_7
- Table.RenameColumns重命名…Rename…(Power Query 之 M 语言)
- USACO 2021 Contest 1 Bronze 题解
- java 图形化工具Swing 基本使用
- JavaScript 判断变量是否为空---三元运算,元组获取值-重组.map()。