所有栏目 | 云社区 美国云服务器[国内云主机商]
你的位置:首页 > 云社区 » 正文

实现鼠标经过时整行变色?

发布时间:2020-04-12 09:12:59

资讯分类:整行  变色  鼠标  悬停  面板  动态
实现鼠标经过时整行变色?

最少有3个实现方式。第一个最简单的办法就是在把这个按钮封成一个【动态面板】动态里面里面设置一个大大高于这个展示高度的条然后在动态面板上写一个鼠标hover的触发,- 设置X秒内动态面板里的色条由下到上移动。第二个在按钮上覆盖一个动态面板,然后写一个hover触发。- 设置X秒内动态面板的透明度由XX变成XX第三个在按钮上覆盖X个动态面板,每个动态面板一个颜色。- 设置一个鼠标悬停延迟X秒隐藏---------------------------看了一下展示demo的处理方式1,鼠标悬停2,新增动态面板【悬停渐变板】  *由两层构成,表面的一个棕色和底下一个红色3,展示【悬停渐变板】默认颜色#棕色4,300ms内 棕色透明度降低到0%  *棕色的改变透明度的过程中产生了渐变感觉  *最后变0%彻底的变红1,鼠标移出2,隐藏【悬停渐变板】方案非常的简单,过渡也很平滑,赞赞的!

留言与评论(共有 0 条评论)
   
验证码:
Top