[JS]シンプルなページ内スクロールから、ちょっと面白いスクロールまで簡単に実装できるスクリプト -Scrolld.js
Demo 3 一番目はdiv、二番目はネコの画像、下の方には表示幅に合わせてエフェクトが変わります。 Scrolld.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを</body>の上あたりに外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="../demo/js/scrolld.min.js"></script> Step 2: JavaScript スクリプトのトリガーを外部ファイルの下に記述します。 <script type="text/javascript"> $("[id*='Btn']").stop(true).on('click',function(e){e.preventD
食堂souffle
きまぐれ定食 ・・・¥800 おまかせ定食 ・・・¥1200 カルボナーラ トマトベースのパスタ オイルベースのパスタ 和出汁のピクルス 唐揚げ 水餃子 ごはん お味噌汁 お惣菜 出し巻き卵 他いろいろ… 珈琲 カフェオレ 温州みかんじゅーす 自家製ハニーレモンジンジャー 自家製きんかん茶 ◎紅茶 春摘みダージリン セイロン ロイヤルミルクティ フレーバーティ ◎果実酒（季節で変わります。） 梅 りんご レモン チェリー 枇杷 瓶ビール 〒604-8462 京都府京都市中京区西ノ京北円町63 tel 075-462-8738 open 12:00-21:00(L.O.20:00) 不定休 JR山陰本線「円町駅」 京都市バス「西ノ京円町」 もしくは「北野中学前」徒歩3分
[JS]ナビゲーションを最上部に固定し、各セクションにアニメーションでスクロール移動させるスクリプト -SMINT | コリス
SMINT SMINTの使い方 Step 1: 外部ファイル スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="js/jquery.smint.js"></script> </head> Step 2: HTML まずは、最上部に配置されるナビゲーションから。 <div class="subMenu" > <div class="inner"> <a href="#" id="sTop" class="subNavBtn">Home</a> <a href="#" id="s1" class="subNavBtn">Section 1</a> <a href="#" id="s2" c
Me - OnePage Portfolio by MagnaThemes | ThemeForest
Now compatible and works well with the latest version of WordPress! Me – responsive portfolio theme for WordPress! Hi there! This is the wordpress version of the five star rated html template called “Me”. It designed and built with user experience in mind! It is an easy-to-use wordpress theme with detailed documentation, and tutorial videos. If you need a website to showcase your work, just buy Me
没有找到站点
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 - WEB人
jQueryで、ぬるっとスクロールしながらページのトップに戻る機能を実装する。 公開：2009年11月 4日 21:06, 更新：2009年11月 5日 08:01 トラックバック(0) コメント(0) 最近の流行を抑えたサイトを見ていて気になる機能がありました。ページをスクロールして下へ移動すると、右下にスーッと出現する上向きのボタン。ポチっと押すと、ぬるっとスクロールしながらページのトップに戻ってくれる優れものです。 ホイールやスクロールバーを使って戻るのは、縦に長いページほど手間がかかるので、このプラグインがデザインの邪魔にならないのであれば是非実装してみましょう。場合によっては劇的にユーザビリティが向上します。 必要ファイルの準備 まずはjQueryのライブラリファイルを用意します。jQuery公式サイトに「Production (19KB, Minified and Gzi
HTML+CSS主体のJavaScriptエフェクト！ 簡単で「使える」jQueryテクニック（解説つき）
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript（以下 JS）プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll - かちびと.net
気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率が10％を超える日本では、まだ捨てるわけにもいかないのが現状ですね。（個人的には徐々に捨て始めてますがｗ） 基本的にはアニメーションで付いてきますが、ノンアニメーションも可能です。 使い方 いつもどおりjQueryとプラグインのパスを書きます。 <script type="text/javascript" src="jquery.min.js"></script> <script type="te
jQuery Scroll Followでスクロールについてくるメニュー - Webに悩まされる日々のログ「helog」
ブラウザのスクロールについてくるサイドメニューを見かけますよね。 今回、ある案件でjQueryを使ってそれを実装する機会がありました。複数サイトからのスクリプトダウンロードなど、少し煩雑だったのでメモを残しておきます。 まず、必要なライブラリをダウンロードします。 「jQuery 1.3.2」を以下の公式サイトからダウンロードします。 http://jquery.com/ 「jQuery UI Core 1.7.2」を以下の公式サイトからダウンロードします。 http://jqueryui.com/ ダウンロードしたファイルにはいくつものjsを含んでいると思いますが、使用するのは「ui.core.js」のみです。 「jQuery Scroll Follow 0.4.0」を以下のサイトからダウンロードします。 http://kitchen.net-perspective.c
スクロールと同時にメニューがついてくる「エレベーターメニュー」の実装/ - サイブリッジラボ
こんにちは、デザイナーのacurryです。 今日はページをスクロールするとスススッとついてくる サイドメニューのJSを色々比較してみました。 調べてみると、どうやら「エレベーターメニュー」 という名称なんですね。 今日はいくつかサンプルを実装し、その動きや仕組みを比較してみます。 tfmenu サンプル実装ページ http://labs.cybridge.jp/sample/elevator.html このサンプルは、メニュー移動・開閉の速さを変更できたり、 あらかじめ開いておく項目を指定できたり、と 細かい動きの設定ができるのが良いです。 ※JSはここから頂きました。 http://www.kakura.jp/pg/tfmenu/ scrolllayer.js サンプル実装ページ http://labs.cybridge.jp/sample/elevator2.html このサン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ability - Responsive One Page Ajax WordPress Theme by SwiftIdeas | ThemeForest
Coalition - One Page WordPress Portfolio by Kriesi | ThemeForest
NANICA - One Page WordPress Theme by ArthurWinterfield | ThemeForest
ソーシャルアパートメントクラウド