フッターまでスクロールしたら発動するアクションをjQueryとJavaScriptで作ってみよう!
- 2014/11/06
フッターまでスクロールしたらページトップへのリンクを表示したり、ソーシャルボタンを表示したり非表示にしたりする制御をjQueryとJavaScriptで作ってみよう!
今日、授業でやった内容です。
フッターまでスクロールしたらページトップへのリンクを表示したり、ソーシャルボタンを表示したり非表示にしたりする制御をjQueryとJavaScriptで作ってみよう!
今日、授業でやった内容です。
jQueryスライドショーの3回目は、横からのスライドインはそのままに枠外を非表示にしてみます。前回からの追加は5ヵ所です。サクッと終わります。
今年、テクニカルWebデザイン(TechWeb)で既にやった内容や今後やる予定の動画を作ってみました。
スマホ片手に撮影したので画面が揺れてますがご愛嬌ということで(笑)
先々週から3回に分けて行っているjQueryを使ったスライドショー作成。
前回は、単純なフェードイン・フェードアウトだけでの切り替えでしたが、今回は横からのスライドインにしてみます。
先週、授業中にやったjQueryを使ったシンプルなスライドショーです。
スライドショーは3週に分けて少しずつバーションアップしていきます。
今週もTechWebの時間です。というか、コレは先週やった内容ですけど(笑)
ちなみにTechWebは、テクニカルWebデザインの略でWordPressと検索エンジン対策をメインにJavaScriptやCSSを使ったTipsなどを小出しにやっています。
今週2本目の記事ですが、これが先週授業でやったTechWebTipsです。
文字や画像などをCSS3のtransform:rotate()をJavaScriptで操作することで「ゆらゆら」させます。「ゆらゆら」「ふわふわ」どう違うんだ?って話ですが(笑)
少し前にjQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介しましたが、今回はランダム要素を排除した別バーションです。
吹き出しなどに使えるかも!
今日は、TechWebの授業でcategory.phpを作り、single_cat_title() を使って見出しを表示しました。
で、テキストのままじゃ味気ないので見出しを装飾する方法を2つ紹介します。
今日のテクニカルWebデザイン(TechWeb)の授業でやった内容の復習です。
jQueryプラグインを使わずに文字や画像のオブジェクトを動かす方法を紹介します。