大家好,精选小编来为大家解答以上的问题。鼠标浮动变色,怎么实现鼠标滑过变色很多人还不知道,现在让我们一起来看看吧!
1、 这样的功能在网页制作中经常用到。鼠标滑过字体后,字体颜色发生变化。那么这个功能如何实现呢?下面是小编给大家分享的‘鼠标翻转变色的实现方法’。希望能帮到你!
2、 鼠标滑动变色的实现
3、 方法/步骤
4、 创建一个html文件,如图所示:
5、 在html页面中找到标签,在标签中输入内容,然后用标签覆盖内容。如图所示:
6、 修改标签内容,设置颜色为蓝色,如图:
7、 当鼠标滑过标签且字体变为红色时,设置样式:A 3360Hover {color :Red}。如图所示:
8、 保存html文件并用浏览器打开它。你首先看到的是蓝色字体。当你把鼠标放在文本上时,你会发现蓝色字体变成了红色字体。
9、 实现所有代码,直接把代码复制到html文件看效果:
10、 !声明文档类型
11、 超文本标记语言
12、 头
13、 meta charset='UTF-8 '
14、 标题鼠标经过字体颜色变化/标题
15、 style type='text/css '
16、 一个{
17、 颜色:蓝色;
18、 }
19、 a :悬停{
20、 颜色:红色;
21、 }
22、 /风格
23、 /头
24、 身体
25、 A href=" "把鼠标放在我身上/a
26、 /body
27、 /html
28、 style type='text/css '
29、 一个{
30、 颜色:蓝色;
31、 }
32、 a :悬停{
33、 颜色:红色;
34、 }
本文到此结束,希望对大家有所帮助。