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

黄舟
リリース: 2016-12-19 17:25:05
オリジナル
2026 人が閲覧しました

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;
}

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

以下は引用の一部です:

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート