シュルシュルと動くヤツ

シュルシュルって動くイメージ

 

同じページ内でシュルシュル−っと動くヤツありますよね。例えばこのサイトでもフッターに「このページの先頭へ戻る」っていうのをクリックすると先頭に一瞬で戻るようにデフォルトでは設定されてますが、チョット細工をしてシュルシュル―っと動くようにすることができます。

 

サイトに施すときに、いちいち調べていたので備忘録の意味でここに記しておきます。

 

<a href="#top">このページの先頭へ戻る</a>

 

このテンプレートだとヘッダーの下が「top」となっています。なので上の表記で「top」のところまで動かすことが出来ます。

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

 

<script type="text/javascript">
$(function(){
$('a[href^=#]').click(function(){
var speed = 1000;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});
</script>

 

上記を<head>〜</head>内にコピペして貼り付けるだけで作動します。簡単でしょ!

関連ページ

問い合わせフォームの作り方
このサイトを立ち上げてから2ヶ月とチョット経ちました。基本的なSEO対策なども全く施していないので当然と言えば当然なんですが、アクセスもほんとに数えられるぐらいだったので必要ないかなと思ってましたが、ありがたいことに毎日のように来てくれる訪問者の方も数名いらっしゃるので、遅ればせながら「問い合わせフォーム」を設置することにしました。

サイト作りはほぼコレですw

このサイトもそうだけど、最近は新しいサイトを作る時はほとんどシリウスで作りますね〜。なんでって?だって、簡単なんだもん!このサイトはほとんど手を加えてないけど、売るための本気サイトはかなり手を加えています。そんな時もいじりやすくて、イイんだよね。


5年ぐらい前はMTを中心に使ってましたが、カスタマイズする時に比べ物にならないぐらいシリウスは楽です。もしも購入するなら絶対上位版(税込24800円)がおすすめです。(本気でアフィリエイトをやるんだったらだけどねw)


通常版とたった6000円の違いで使えるツールが満載です。ページ毎にタグ指定出来たり、アイフォン版を同時で生成しながらも、アイフォンだけを、それ用にいじり倒せたり、とにかく上位版は便利で簡単にサイトを自由自在にカスタマイズできます!


通常版買うんだったら、お金がもったいないから無料ブログでやってたほうがイイと思う。そのぐらい上位版はいいです。


⇒シリウスの公式ホームページはこちらからご覧になれます

シリウス1