空のリンクを貼る2つの方法


HTMLでリンクをクリックしてもページを移動しないようにする方法です。

1.模擬リンク

2.模擬リンク

上がリンク風のニセモノ、フェイクです。下が空のURLを使ったリンクです。クリックしても移動はしません。

ではやり方を見ていきましょう。


styleでリンク風に装飾する


style要素やCSSで、色などの見た目を自分のサイトのリンクと同じように加工します。そしてcursor: pointer;を追記し、マウスオーバーしたときのカーソルの形に指示を与えます。

サンプル


こうなります


URLに#!を追記する


そのページのURLに#!を追記します。

サンプル


こうなります



Sponsored Link

Sponsored Link

0 件のコメント :

コメントを投稿