ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用して外部リンク スタイルを変換する

JavaScript を使用して外部リンク スタイルを変換する

黄舟
黄舟オリジナル
2016-12-19 17:25:052018ブラウズ

CSS 属性セレクターを使用して、すべての外部リンクに小さなアイコンを追加して外部リンクとして識別するなど、リンク スタイルを選択的に制御します。

しかし、CSSの使用には次のような欠点があります:

1. Web標準を十分にサポートしているFirefoxなどのブラウザのみをサポートします。

2. アンカーポイントやJavaScriptではなく、リンクのみが判定されます。遭遇したらどうすることもできません。

これは js で行うことができます。 まずスタイルを記述します:

以下は参照フラグメントです:
a.other:link,a.other:visited,a.other:active
{
background:url("external .gif ") no-repeat 右上;
padding-right:15px;
}

") 右上; 繰り返しなし。 画像リンクの場合は、スタイルを適用しないでください。

以下は引用の一部です: