用javascript 转换外部链接样式
作者:互联网
2009-06-09
用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、锚点等。 如果是图片链接,就不要应用样式了。
以下是引用片段:
现在可以看到效果了。
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
Vue3+Pinia实战完整版|从入门到精通,替代Vuex的状态管理首选
Element / AntD 官方都没做好的功能,被这个开源小插件搞定了!
目录:VTJ.PRO 在线应用开发平台技术揭秘
4.响应式系统基础:从发布订阅模式的角度理解 Vue3 的数据响应式原理
vue3中静态提升和patchflag实现
你的 Vue 3 ref(),VuReact 会编译成什么样的 React?
你的 Vue 3 reactive(),VuReact 会编译成什么样的 React?
Vue3 转 React:组件透传 Attributes 与 useAttrs 使用详解|VuReact 实战
使用 VueUse 构建一个支持暂停/重置的 CountUp 组件
vue2中使用 AntV G6
AI精选
