![HTML5+CSS3+JavaScript 从入门到项目实践(超值版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/418/31794418/b_31794418.jpg)
上QQ阅读APP看书,第一时间看更新
7.6 实践案例——鼠标指针跟随的超链接样式
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P129_25272.jpg?sign=1739185280-G6pamc4BsrudvTa6jg1JYp6L6Ikjw92a-0-f1331c5a9ec12542ee0b3fb73d2aa584)
本节使用超链接的CSS 3伪类来设计超链接在不同阶段显示的效果。
本案例是通过超链接自身所带的CSS 3伪类来设计的,包括link、visied、hover、active等,一定要按这个顺序来设置,否则有些效果会不显示。
【例7-10】(实例文件:ch07\Chap7.10.html)鼠标跟随的链接样。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P129_119901.jpg?sign=1739185280-AZ7JlwSFi81f5ghkDP4ZitOhsCTJqyGQ-0-7c9b73efd00021b5f89e5971e2574487)
相关的代码实例请参考Chap7.10.html文件,在IE浏览器中运行的结果如图7-16所示。
![](https://epubservercos.yuewen.com/A0FA69/17214367505511306/epubprivate/OEBPS/Images/Figure-P130_25278.jpg?sign=1739185280-i9n1cK4KJ9DpBDLduIDUJRhulOCDdgPf-0-a20647075efe0a6422f10c1246656fcd)
图7-16 鼠标指针跟随的超链接样式