自助建站、网页设计教程

通过学习路线图,零基础学习专业网页设计、小程序UI设计技巧,成就网页设计高手。

鼠标交互事件

在网页中,最常用的交互方式是鼠标事件,如鼠标悬停某个节点元素时改变文本颜色、元素形状等。在coolsite360中如何使用鼠标事件。

首先在CSS样式面板找到鼠标控制部分,常见的鼠标事件有悬停、按下、获取焦点等。

注:切换到不同样式状态相当于给当前元素叠加一个样式、鼠标事件是在当前样式状态下有效。

如何实现鼠标悬停改变文字颜色。

1.切换到鼠标正常状态下,设置文本初始样式。如:白色。

2.设置过渡时间为0.3秒。

3.切换到鼠标悬停模式下,设置文本变化样式。如:橙色

4.保存预览即可看见效果。上面仅仅只是一个思路,改变形状、位置、大小等更多交互功能等你来实现。

 

提交成功,谢谢反馈!

请完整填写表单的信息后,再进行提交!