今天在网上学到一招鼠标悬停变色的技巧,想着用到做计算器上应该有点意思,试着做了一下,感觉还真不错,先看效果:
![dc5ddda5a8aab23d49a8010bd4c68004.gif](https://img-blog.csdnimg.cn/img_convert/dc5ddda5a8aab23d49a8010bd4c68004.gif)
看出特别的地方了吗?就是鼠标移动到数字键上时,数字键自动变色,同时对应的数字显示在显示屏中。我们来看看如何做的。
1、计算器框架制作
框架的设置不是我们的重点,简单说明一下,其实就是通过规划单元格大小,设置填充色和单元格边框来实现。其中:
1)显示屏边框设置:顶和左侧用双线自动色,底和右侧用双线白色,中间设置浅色竖虚线;
2)数字键等突出按钮类型设置:顶和左侧用双线白色,底和右侧用双线自动色
2、鼠标悬停变色效果
要实现悬停变色,需要三步:
1)设置辅助数据通过超链接函数引用实现数字键的显示
![82dcfe9408f7962d9412685576aa3f58.png](https://img-blog.csdnimg.cn/img_convert/82dcfe9408f7962d9412685576aa3f58.png)
R列至X列为提前准备好的数据,通过在计算器的数字键按钮单元格输入公式:
数字“1”位于C11单元格,