またまた、「うにょ~ん」シリーズ設置!! ヘ(__ヘ)☆\(^^;)オイオイ 何かというと、ページ内のアンカーの移動が・・・・「うにょ~ん」ってスクロールするスクリプトです・・・(;^_^A アセアセ とっても素敵です!!・・・好きなんだよねぇ~「うにょ~ん」と「折りたたみ」がさぁ~・・・
設定方法
こちらからダウンロードしてください。その後、ご自分のスクリプト置き場に転送してください。(ここでは /wp-content/js/ に置いたものとして説明します。)
次にJavaScriptを、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。
<script src="https://example.com/wp-content/js/tinyscrolling.js" type="text/javascript"></script>
黄色の部分に各ファイルの設置場所(アドレス)を指定使用方法
本文に下記を記述リンク先
<span id="test">リンク先</span>
<span>じゃなくても、<div>でも<h3>とかでも大丈夫です。リンク元
<a href="#test">リンク元</a>
黄色文字のところはお好きな名前を指定してください。以上で、リンク元をクリックすると、リンク先に「うにょ~ん」って移動するはずです。
※自分の場合だけかもしれませんが、<head>〜</head>間の書き込み位置が上部だった場合、うまくいきませんでした・・・他のスクリプトと衝突していたのかもしれません・・・しかし、書き込み位置を最下部に移したらうまく動きました。・・・うまく動かなかった場合は、試してみるといいかもしれません。 (^∀^)
サンプル
この記事のトップに移動します。追記・・・※現在こちらのスクリプトは取り外されてしまいましたので、上記サンプルは、違うスクリプトの能力になってしまいますが・・・・動き的には同じです。 しかしこのスクリプトの場合は、最後の点滅はありません。
以上終了です。
・・・・・・・このブログ、非常に読み込みが遅くなってきた・・・・(TOT)
関係のある記事
No user の書き込みがあります
コメントほしぃ~よぉ~ σ(^◇^;)