ゆっくりTOPに戻るって行くJavaScript
こんばんわー(*^▽^*) さて今日は、技術的なメモおば…
味気なくて申し訳ないっす。
ということで、、、内容は…
長いページを作ると、どうしても、段落ごとだったり、最下部に
「TOPに戻る」というボタンやテキストリンクを設けることになる。
クリックするとページの上部に戻っていくやつだ。
こんな感じ（動作の実サンプル）↓
http://www.royallannaspa.jp
まあ、よくある普通の仕組みなんですが、
最近、長いページを作るときに、ゆっくり上部に戻してほしいという要望が増えてきたのでメモ。。。
毎回新しいスタッフに教えるのも大変なんで、作業マニュアルに加えてみたので公開しておきます。
――――――――――――――――――――――――――
1、先ずこれをDLしてください↓
http://anli-d.com/dl/sample_js.zip
2、作成中のHP毎に適当な名前に直し、適当なフォルダにUP
3、下記ソースを必要な場所に追記
a href="#" onclick="JumpToPageTop();return false;" onkeypress="JumpToPageTop();return false;">▲このページのTOPに戻る
※↑最初と最後に 「<」と「>」を追記してくださいね
――――――――――――――――――――――――――
…と後はこれを中国語に直してもらう。。。
なお、作成時力を貸して下さったMさんありがとうございます m(_ _ )m
ちなみに実サンプルで公開させていただいたサロン様ありがとうございます。
お礼を兼ねて改めてご紹介～↓
タイ古式マッサージ ロイヤルランナ
秋葉原から徒歩1分なので言えや会社が近隣の方または
お近くにお越しの際は是非お立ち寄りください(^∇^)/
本場タイ、チェンマイのロイクロ校の技術を取り入れているタイ古式マッサージサロンです↓
▲きもちよさそうですね～～～♪ いますぐおねがいしたいー ｗ
▲自慢のフットフィンガーリフレ～♪
僕もまだ未体験なのですが一押しらしいですヾ(＠°▽°＠)ﾉ
今日は日本も寒いとか。大連も雪です。
共に暖かくして年越しの準備をば
ではまた明日～
つづく…
味気なくて申し訳ないっす。
ということで、、、内容は…
長いページを作ると、どうしても、段落ごとだったり、最下部に
「TOPに戻る」というボタンやテキストリンクを設けることになる。
クリックするとページの上部に戻っていくやつだ。
こんな感じ（動作の実サンプル）↓
http://www.royallannaspa.jp
まあ、よくある普通の仕組みなんですが、
最近、長いページを作るときに、ゆっくり上部に戻してほしいという要望が増えてきたのでメモ。。。
毎回新しいスタッフに教えるのも大変なんで、作業マニュアルに加えてみたので公開しておきます。
――――――――――――――――――――――――――
1、先ずこれをDLしてください↓
http://anli-d.com/dl/sample_js.zip
2、作成中のHP毎に適当な名前に直し、適当なフォルダにUP
3、下記ソースを必要な場所に追記
a href="#" onclick="JumpToPageTop();return false;" onkeypress="JumpToPageTop();return false;">▲このページのTOPに戻る
※↑最初と最後に 「<」と「>」を追記してくださいね
――――――――――――――――――――――――――
…と後はこれを中国語に直してもらう。。。
なお、作成時力を貸して下さったMさんありがとうございます m(_ _ )m
ちなみに実サンプルで公開させていただいたサロン様ありがとうございます。
お礼を兼ねて改めてご紹介～↓
タイ古式マッサージ ロイヤルランナ
秋葉原から徒歩1分なので言えや会社が近隣の方または
お近くにお越しの際は是非お立ち寄りください(^∇^)/
本場タイ、チェンマイのロイクロ校の技術を取り入れているタイ古式マッサージサロンです↓
▲きもちよさそうですね～～～♪ いますぐおねがいしたいー ｗ
▲自慢のフットフィンガーリフレ～♪
僕もまだ未体験なのですが一押しらしいですヾ(＠°▽°＠)ﾉ
今日は日本も寒いとか。大連も雪です。
共に暖かくして年越しの準備をば
ではまた明日～
つづく…
中国では路上で美味しい飴を売ってるよ ＾＾♪
こんにちは～(^∇^) 今日は路上の風景をリポートします♪
さて、、、これはいったいなんでしょう。。。
自転車の後ろに、刺さりきらないくらい串を刺して、こちらに向かって走ってきます
ホントにあり得ないくらいの串のささりようです
え～～～こわいー Σ(ﾟдﾟ;) ↓
▲じつはこれ、これはちょうど、お祭りで売ってる「りんご飴」みたいな感じのものです。
（ちょっと、写真がキレ気味なのでまた今度改めて写真に収めてみたいと思いますー）
とにかく、果物なら何でも飴になるわけなんで、ほんとにいろんなものを飴にしてるのですが。
一番多く見かけるのは、ブドウとか。。、あんずかな、、さんざしとか？
ながーい串、、、に小さく丸いものがいくつも刺さってて、思わず何だろう！と思わせてくれます。
どうも、中国では、赤いもの以外に丸いものも縁起が良いようで、
なので、ブドウとか（まるいので）、あんずとか（まるくて赤いので）
多いのかもしれません。
ちなみに味は… かなり美味しいです ＾＾
… 大量の串を刺して、楽しそうに飴を売る。
ちょっと大げさなくらいが目を引いて、
沢山あるから声をかけやすくて、
なるふぉど、広告の基本ですよね。
何げない風景でも、生き生きとした風景が
今日のデザインに、
またひとつのスパイスを与えてくれそうです
謝謝、大連～ (*^o^*) …
ということで、
是非中国、、、大連にお越しの際は、私、こちらを、
おごらせていただきたいと思います。
え？やすすぎる？もっと美味しいものがいい？？
あはははは そうですよね。 他にも、美味しそうなものまた探しておきます ～
…つづく
さて、、、これはいったいなんでしょう。。。
自転車の後ろに、刺さりきらないくらい串を刺して、こちらに向かって走ってきます
ホントにあり得ないくらいの串のささりようです
え～～～こわいー Σ(ﾟдﾟ;) ↓
▲じつはこれ、これはちょうど、お祭りで売ってる「りんご飴」みたいな感じのものです。
（ちょっと、写真がキレ気味なのでまた今度改めて写真に収めてみたいと思いますー）
とにかく、果物なら何でも飴になるわけなんで、ほんとにいろんなものを飴にしてるのですが。
一番多く見かけるのは、ブドウとか。。、あんずかな、、さんざしとか？
ながーい串、、、に小さく丸いものがいくつも刺さってて、思わず何だろう！と思わせてくれます。
どうも、中国では、赤いもの以外に丸いものも縁起が良いようで、
なので、ブドウとか（まるいので）、あんずとか（まるくて赤いので）
多いのかもしれません。
ちなみに味は… かなり美味しいです ＾＾
… 大量の串を刺して、楽しそうに飴を売る。
ちょっと大げさなくらいが目を引いて、
沢山あるから声をかけやすくて、
なるふぉど、広告の基本ですよね。
何げない風景でも、生き生きとした風景が
今日のデザインに、
またひとつのスパイスを与えてくれそうです
謝謝、大連～ (*^o^*) …
ということで、
是非中国、、、大連にお越しの際は、私、こちらを、
おごらせていただきたいと思います。
え？やすすぎる？もっと美味しいものがいい？？
あはははは そうですよね。 他にも、美味しそうなものまた探しておきます ～
…つづく
中国と干支と色彩感覚♪
えーみな様こんにちわ。ヾ(＠°▽°＠)ﾉ
本日仕事納めだった取引先もあったようで、
いよいよ年末といった実感がわいてきました。
そんなさなか、ふと、かわいい友達と別れを告げなくてはいけない事を思い出し、、、
ど～うしても、皆様にご紹介しておきたく、写真を取りました。
もうすぐ終わってしまいますが、今年の干支、トラ君たちです。
中国では、何となく、日本より干支に愛着があるのでしょうか、
こういった人形が一年中どこかでお目にかかることが出来ます。
例えばタクシーとかバスとか、乗り物の中にぶら下がっていたり、、、
銀行とか、ラーメン屋（あ、今度またレポートします）さんにひょいと置いてあったりと言った感じです。
ちなみに見てくださいこの愛嬌！いや愛嬌のなさ、いやいきすぎた愛嬌！？ある意味癒されます(*^▽^*)
▲たとえば、いくら「めでたい」とはいえ、鼻が魚だったり 笑
色だって、「黄色」じゃなくて「赤いトラ」という色彩感覚だったり ＾＾
どこからみても突っ込みどころ満載のトラ君たち…(*￣O￣*)
いや～、今までなかった発想にデザイナー心もくすぐられまして
当時即買いしてしまったんです（笑）一年間ありがとう！
せっかくなんで他のラインナップも↓
▲よく見ると結構つくりが、いい加減...というよりおおざっぱ。笑
日本にいると許せないくらいのできのものもいますが、なんだか力の抜け具合がすきです。(＝⌒▽⌒＝)
↓せっかくなんでもう一枚
▲パンダは関係ない。。。と、奥田民夫っぽく締めてみました。
では、このテーマの続きはまた来年早々にでもレポートしますヾ(＠^▽^＠)ﾉ
つづく…
本日仕事納めだった取引先もあったようで、
いよいよ年末といった実感がわいてきました。
そんなさなか、ふと、かわいい友達と別れを告げなくてはいけない事を思い出し、、、
ど～うしても、皆様にご紹介しておきたく、写真を取りました。
もうすぐ終わってしまいますが、今年の干支、トラ君たちです。
中国では、何となく、日本より干支に愛着があるのでしょうか、
こういった人形が一年中どこかでお目にかかることが出来ます。
例えばタクシーとかバスとか、乗り物の中にぶら下がっていたり、、、
銀行とか、ラーメン屋（あ、今度またレポートします）さんにひょいと置いてあったりと言った感じです。
ちなみに見てくださいこの愛嬌！いや愛嬌のなさ、いやいきすぎた愛嬌！？ある意味癒されます(*^▽^*)
▲たとえば、いくら「めでたい」とはいえ、鼻が魚だったり 笑
色だって、「黄色」じゃなくて「赤いトラ」という色彩感覚だったり ＾＾
どこからみても突っ込みどころ満載のトラ君たち…(*￣O￣*)
いや～、今までなかった発想にデザイナー心もくすぐられまして
当時即買いしてしまったんです（笑）一年間ありがとう！
せっかくなんで他のラインナップも↓
▲よく見ると結構つくりが、いい加減...というよりおおざっぱ。笑
日本にいると許せないくらいのできのものもいますが、なんだか力の抜け具合がすきです。(＝⌒▽⌒＝)
↓せっかくなんでもう一枚
▲パンダは関係ない。。。と、奥田民夫っぽく締めてみました。
では、このテーマの続きはまた来年早々にでもレポートしますヾ(＠^▽^＠)ﾉ
つづく…
過去最大のHPデザイン 汗
週末より、自分の中で過去最大ホームページデザインに挑戦中。
最大というと、今、挑戦中なのは1ページにおける高さのこと。。。
現在、2万3千300px…ピクセル を超え始めた。
このままだと3万px位まではいきそうだ …
えーつと、実際には、こういった趣味があるわけではないのですが、
単純にお客様の現行通りにデザインしていくとそうなるわけなのです。。。
よって、本当は、、、本当につらい。。。
気になってさっき調べてみたのですが、例えばCS3以前だと3万px以上だと
表示できないかもと、警告が出ました。
そんな、CS3の限界ってどこなんだろうと気になって、可能な限り値を入れてみた。。。
99,999px×99,999pxまでは設定できるようだ お～すばらしい
ということで、「確定！」・・・うーんやはりメモリが足りないとか何とか言って
実際には表示できないようだ。
＞＞
ここで、3万pxってどれくらいの長さなの？って言うといにこたえておきます。
大体、通常のPCの画面が 800前後～1000位って感じです。
なのでおおよそ30～40画面位分ということでしょうか…
正直気が遠くなります。
しかも、お客様からしたら1ページの感覚ですので益々(^▽^;)
＜＜
むかし、見開きの新聞紙よりも大きい（いやそれくらいだったかな）、
旅行系のタブロイド広告を編集したことがあったが、
あの時も、イラレだか、クオークだかで、1文字直すのも15分くらいかかる遅さだったこと思い出す。
（当時は処理速度がほんとに遅かった）
今回は、かれこれ、30時間以上ぶっ通しで取りかかっても（前日作業も合わせるともっと）
全く終わらない、かなり手ごわいぜ！
皆さんはどれくらいながいページに遭遇したことがありますか？
また編集（デザイン）されたことがありますか？
今回の作業は、いい思い出になりそうです (＾～＾)
つづく・・・
最大というと、今、挑戦中なのは1ページにおける高さのこと。。。
現在、2万3千300px…ピクセル を超え始めた。
このままだと3万px位まではいきそうだ …
えーつと、実際には、こういった趣味があるわけではないのですが、
単純にお客様の現行通りにデザインしていくとそうなるわけなのです。。。
よって、本当は、、、本当につらい。。。
気になってさっき調べてみたのですが、例えばCS3以前だと3万px以上だと
表示できないかもと、警告が出ました。
そんな、CS3の限界ってどこなんだろうと気になって、可能な限り値を入れてみた。。。
99,999px×99,999pxまでは設定できるようだ お～すばらしい
ということで、「確定！」・・・うーんやはりメモリが足りないとか何とか言って
実際には表示できないようだ。
＞＞
ここで、3万pxってどれくらいの長さなの？って言うといにこたえておきます。
大体、通常のPCの画面が 800前後～1000位って感じです。
なのでおおよそ30～40画面位分ということでしょうか…
正直気が遠くなります。
しかも、お客様からしたら1ページの感覚ですので益々(^▽^;)
＜＜
むかし、見開きの新聞紙よりも大きい（いやそれくらいだったかな）、
旅行系のタブロイド広告を編集したことがあったが、
あの時も、イラレだか、クオークだかで、1文字直すのも15分くらいかかる遅さだったこと思い出す。
（当時は処理速度がほんとに遅かった）
今回は、かれこれ、30時間以上ぶっ通しで取りかかっても（前日作業も合わせるともっと）
全く終わらない、かなり手ごわいぜ！
皆さんはどれくらいながいページに遭遇したことがありますか？
また編集（デザイン）されたことがありますか？
今回の作業は、いい思い出になりそうです (＾～＾)
つづく・・・
イモについて考えてみた(ﾟｰﾟ;
寒くなると、不思議と私たちを温めてくれる …いも
たべると体が温まる …いも
なぜか同時に心も温まる …いも
見た目は いまいちでも
なぜあなたはそんなの優しく微笑ましいのですか？
そう、スウィートなのですか？
食べるとおならが出るとか言われるけども
でも、それでも、はずかしくても、心を満たしてくれる
あなたの心の広さを見習いたい。。。
ということで大連の町のお芋屋さんの写真です↓
▲みちばたでこんな感じで売っている
文鎮で量り売りしてくれるよ(≡^∇^≡)♪
▲けっこうおっきいよ、下はむいてみたとこ。
大連のストリート、ストーリでした。
つづく…
たべると体が温まる …いも
なぜか同時に心も温まる …いも
見た目は いまいちでも
なぜあなたはそんなの優しく微笑ましいのですか？
そう、スウィートなのですか？
食べるとおならが出るとか言われるけども
でも、それでも、はずかしくても、心を満たしてくれる
あなたの心の広さを見習いたい。。。
ということで大連の町のお芋屋さんの写真です↓
▲みちばたでこんな感じで売っている
文鎮で量り売りしてくれるよ(≡^∇^≡)♪
▲けっこうおっきいよ、下はむいてみたとこ。
大連のストリート、ストーリでした。
つづく…