首页 > web前端 > js教程 > 用javascript 转换外部链接样式

用javascript 转换外部链接样式

黄舟
发布: 2016-12-19 17:25:05
原创
2082 人浏览过

 用CSS属性选择器可以有选择性地对链接样式进行控制,如让所有的外部链接都加一个小图标来标识其是一外部链接。

  但用css有弊端:

  1、只支持Firefox等对web标准支持很好的浏览器。

  2、只能判断链接,不能判断锚点或javascript。如遇到就无能为力了。

  这里可以结合js来完成,首先写一个样式:

以下是引用片段:
a.other:link,a.other:visited,a.other:active 
  { 
     background:url("external.gif") no-repeat top right; 
     padding-right:15px; 
  } 

      再写一个js,但js要考虑到链接的多样性,如上面提到的Javascript、锚点等。 如果是图片链接,就不要应用样式了。

以下是引用片段:

      现在可以看到效果了。

以上就是用javascript 转换外部链接样式的内容,更多相关内容请关注PHP中文网(www.php.cn)!


相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
微信外部链接防封问题
来自于 1970-01-01 08:00:00
0
0
0
微信小程序支持跳转到外部链接网页吗
来自于 1970-01-01 08:00:00
0
0
0
链接到 Blazor WASM 页面的一部分
来自于 1970-01-01 08:00:00
0
0
0
MySQL不能从外部连接
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板