04月
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
◇ ◆ ◇ Recent Entry ◇ ◆ ◇
(12/14) モンスターハンターワールド(MHW)ベータテスト(体験版)の感想 ：[games]MHW
(12/14) 12/13のツイートまとめ ：[Twitter]Twitterのまとめ
(12/13) 12/12のツイートまとめ ：[Twitter]Twitterのまとめ
(12/12) 12/11のツイートまとめ ：[Twitter]Twitterのまとめ
(12/11) 12/10のツイートまとめ ：[Twitter]Twitterのまとめ
(12/10) 12/09のツイートまとめ ：[Twitter]Twitterのまとめ
(12/09) 12/08のツイートまとめ ：[Twitter]Twitterのまとめ
(12/08) 12/07のツイートまとめ ：[Twitter]Twitterのまとめ
(12/07) 12/06のツイートまとめ ：[Twitter]Twitterのまとめ
(12/06) 12/05のツイートまとめ ：[Twitter]Twitterのまとめ
(12/14) 12/13のツイートまとめ ：[Twitter]Twitterのまとめ
(12/13) 12/12のツイートまとめ ：[Twitter]Twitterのまとめ
(12/12) 12/11のツイートまとめ ：[Twitter]Twitterのまとめ
(12/11) 12/10のツイートまとめ ：[Twitter]Twitterのまとめ
(12/10) 12/09のツイートまとめ ：[Twitter]Twitterのまとめ
(12/09) 12/08のツイートまとめ ：[Twitter]Twitterのまとめ
(12/08) 12/07のツイートまとめ ：[Twitter]Twitterのまとめ
(12/07) 12/06のツイートまとめ ：[Twitter]Twitterのまとめ
(12/06) 12/05のツイートまとめ ：[Twitter]Twitterのまとめ
TOPへの戻り方
以前、ドコかで見かけた小技。
TOPへ戻る時に、スクロールして戻るかのように見せてくれるスクリプト。
いざやってみようって思ったら、ドコで見かけたんだかわからなくなって・・・。
「自力でスクリプト書けないし～
（´・ω・`）」と諦めかけていたのですが、なんとニンブロラボ.さん経由でスクリプトをGetすることに成功しました（￣ー￣+
javascriptの使用ができるトコならカップ麺が出来上がる前に作業完了できます(？)
S i M P L E * S i M P L E - Smart Designs by 100SHIKI.COMさんトコにスクリプトも設置方法も載せてありますので、そちらを参照していただければいいかと思います。
・・・が、一応ってカンジでいつも通り『作業メモ』として私の設置した方法を続きに載せています。
スクリプトも置いてますので、よかったらどうぞご覧ください(ﾟーﾟ；)
TOPへ戻る時に、スクロールして戻るかのように見せてくれるスクリプト。
いざやってみようって思ったら、ドコで見かけたんだかわからなくなって・・・。
「自力でスクリプト書けないし～
（´・ω・`）」と諦めかけていたのですが、なんとニンブロラボ.さん経由でスクリプトをGetすることに成功しました（￣ー￣+javascriptの使用ができるトコならカップ麺が出来上がる前に作業完了できます(？)
参考サイト：
ニンブロラボ. ページトップへスクロールさせる
スクリプトはコチラにあります↓
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
ちなみに元ネタはコチラな模様・・・(英語です)
wg:A (slightly) better technique for "Back to Top" links.
S i M P L E * S i M P L E - Smart Designs by 100SHIKI.COMさんトコにスクリプトも設置方法も載せてありますので、そちらを参照していただければいいかと思います。
・・・が、一応ってカンジでいつも通り『作業メモ』として私の設置した方法を続きに載せています。
スクリプトも置いてますので、よかったらどうぞご覧ください(ﾟーﾟ；)
以下のスクリプトを埋め込みます。
ドコでも構わないようですが、私はbody内で一番上に置いてみました。
でもって、TOPへのリンクは以下のようになります。
しかしながら、なんかTOPへ戻る時の動作がウチで見るとギコチなく見えるのは私ダケでしょうか？(・∀・；)
BlogPetとか、載せてるモノの具合なのかなぁ？
PR
ドコでも構わないようですが、私はbody内で一番上に置いてみました。
<script type="text/javascript" language="JavaScript">
<!--
function backToTop() {
var x1 = x2 = x3 = 0;
var y1 = y2 = y3 = 0;
if (document.documentElement) {
x1 = document.documentElement.scrollLeft || 0;
y1 = document.documentElement.scrollTop || 0;
}
if (document.body) {
x2 = document.body.scrollLeft || 0;
y2 = document.body.scrollTop || 0;
}
x3 = window.scrollX || 0;
y3 = window.scrollY || 0;
var x = Math.max(x1, Math.max(x2, x3));
var y = Math.max(y1, Math.max(y2, y3));
window.scrollTo(Math.floor(x / 2), Math.floor(y / 2));
if (x > 0 || y > 0) {
window.setTimeout("backToTop()", 25);
}
}
//-->
</script>
でもって、TOPへのリンクは以下のようになります。
<a href="#" onclick="backToTop(); return false">TOP</a>
しかしながら、なんかTOPへ戻る時の動作がウチで見るとギコチなく見えるのは私ダケでしょうか？(・∀・；)
BlogPetとか、載せてるモノの具合なのかなぁ？
この記事にトラックバックする：
Search in BLOG
CATEGORIES
- customize
- template
- games
- comics & animations
- hobbies
- blog
- Firefox
- internet
- mixi
- 更新履歴？(42)
- ぽー(ＢｌｏｇＰｅｔ)のにっき(34)
- mixiからの転載(259)
- はじめてお越しの方へ(1)
ARCHIVE
RECENT COMMENTS
- テトリスＤＳのスタッフロール
- コピーブランド(06/11)
- ＦＦ３
- DennisTetry(06/11)
- Phillipspica(06/08)
- VanoERese(06/08)
- 12/13のツイートまとめ
- SvetaRut(06/08)
RECENT TRACKBACKS
PRIVATE LINKLST ▼
TRACKBACK PEOPLE ▼
RECENT ENTRIES ▼
Pavloba ? ! ? !
QR code ▼
RSS ▼
MailForm ▼
COUNTER ▼
これもいいですよね
EDIT｜RES
>これもいいですよね
kisatoさんも設置されたんですね？（￣ー￣+
毎度のTB、ありがとうゴザイマス☆
コチラからも後ほどうかがいますね♪
おお！ほんとだ！スクロールしますね♪おもしろい小技ですね(*^-^)
なんにせよ、色々なスクリプトに触れていけば、
わかってくるようになりますもんね。いい勉強法だと思いますよ。習うより慣れろですからね。(*^-ﾟ)vｨｪｨ♪
EDIT｜RES
>おお！ほんとだ！スクロールしますね♪おもしろい小技ですね(*^-^)
見つけた時はカンゲキでした。
検索するのもスクリプト考えるのもメンドくさいって思ってたんで(爆)
>なんにせよ、色々なスクリプトに触れていけば、
>わかってくるようになりますもんね。いい勉強法だと思いますよ。
>習うより慣れろですからね。(*^-ﾟ)vｨｪｨ♪
中身が理解できると、イロイロと応用が利いてぐっとカスタマイズにも幅がきくようになると思うんですよね。
イロイロ使っていくウチに多少でもわかるようになれればいいのですが・・・。