jQuery：ページトップへの動きに使えるエフェクト 5 | NxWorld

2015/07/07 106 users jQuery NxWorld スムーズスクロール エフェクト

閲覧ページの先頭まで移動できるように設置しているところも多い「ページトップ」や「ページの先頭へ」といったページ内リンクで、移動する際の動きにjQueryを使ってエフェクトをつけたサンプルです。よく見かける単純なスムーススクロールを含めた全5種類で、少しいじればその他の場所へのページ内リンクの動きとしても実装できます。 ※以下で紹介している方法はいずれもjQueryを使用していますので、予め読み込ま... 続きを読む

初心者でも分かる！な、jQueryの「TOPへ戻るボタン」の作り方

2014/06/20 342 users jQuery フッター Sat 右下 Web制作

初心者でも分かる！な、jQueryの「TOPへ戻るボタン」の作り方 2014.06.21(Sat) 07:30 WEB制作 画面を下にスクロールすると右下にスーっと出てくるページトップへの移動ボタン。ブログなんかではお馴染みで、あれってとても便利ですよね。今回はこの「TOPへ戻るボタンの作成方法」を、Javascript初心者でも理解できるように解説したいと思います。 あなたのボタン、フッターのテ... 続きを読む

ユニークな「ページの先頭へ」や「ページトップ」の実装例 10 | NxWorld

2014/04/18 141 users コーポレートサイト NxWorld 要素 イラスト 先頭

そのページの先頭へ移動する要素として設置しているところも多い「ページの先頭へ」や「ページトップ」がユニークなサイトのショーケースです。コーポレートサイトのような堅めのデザインをする場合は凝り過ぎると浮いてしまう場合があるのでシンプルなものを使用することが多いと思いますが、ちょっとしたキャンペーンページやイラストをふんだんに使っているようなサイトであれば、こういった細かいところにも動きを付けてあげる... 続きを読む

jQuery：スクロールで表示されるページトップの実装方法 | NxWorld

2013/09/27 126 users Ninja jQuery NxWorld リク スクロール

数多くのサイトで実装されているのを見かける、ページを一定量スクロールすると出現する「このページの先頭へ」のようなページトップを実装する方法を紹介します。このブログでも実装しているのですが、同じような動きを実装したいというお問い合わせをいただいたのでその方への回答も兼ねて、動きが被っている感じですが全7タイプの実装方法を紹介します。 「株式会社LIG [リグ]」で実装されているものや「【Ninja】... 続きを読む

【Ninja】jQueryとCSS3アニメーションで作る何度もクリックしたくなる「ページトップ」ボタン / SQUEEZE - Web Design Studio -

2013/09/09 116 users Squeeze スクロールアニメーション Ninja 何度

前回の記事『Webデザインの参考にしたい遊び心あふれる「ページトップ」ボタン9個』にならって、jQueryとCSS3アニメーションを使って遊び心あふれる何度もクリックしたくなる「ページトップ」ボタン作成してみました。 Ninjaページトップボタン ブックマークバーとスクロールアニメーションを活かしたページトップボタンにしてみました。サンプルページをご覧ください。 サンプルページ » 忍者登場はCS... 続きを読む

フッターデザイン.com

2010/11/30 995 users フッターデザイン com フッター about ロゴ

いろんなサイトのフッターを集めたリンク集カテゴリ 一覧 イラスト カラムメニュー ページトップへ戻る ロゴ 横並びメニュー 横並び＆カラムメニュー リンク 見出しデザイン.com ウェブコレクション！ 生活に役立つ・面白いそんなサイトを集めたリンク集。 about いろんなWEBサイトのフッター部分（ページ下部も含んでいます）を集めました。 デザインの参考にどうぞ。 主に日本国内のものを選んでいま... 続きを読む

リンクについての琵琶湖博物館の考え方

2005/08/17 465 users 琵琶湖博物館 承諾 整備 リンク 許可

= まとめ = 琵琶湖博物館のページをリンクする場合に、許可や承諾を得る必要はありません。連絡も不要です。 琵琶湖博物館は、リンク集の整備にあたって、いわゆる「相互リンク」の考え方を採用していません。 琵琶湖博物館が公開するリンク集への掲載要望については、今後の整備の参考にはさせていただきますが、 必ずしもご要望に沿うとは限りません。 ページトップへ 琵琶湖博物館のページをリンクする場合 公開ペー... 続きを読む