您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

JS和CSS配合修饰链接样式

作者:佚名    责任编辑:admin    更新时间:2022-06-22

   有时候我们需要统一把链接前面加一个小图标,让用户清楚这个链接是干什么的?以什么方式打开,用CSS可以实现,不过考虑到兼容性,我们用JS配合实现,言归正传。

  1、先用CSS定义样式:

JS和CSS配合修饰链接样式  三联

  2、js代码,考虑到了锚点等内容,若是图片链接,就不要使用上面的CSS样式了:

2.jpg

 

  接下来加到你的页面了,现在可以看演示了。