Javascript

Javascript

背景にYouTube動画を流せるJQueryプラグイン「tubular」

背景全体に動画が流れてるサイトってインパクトありますよね。そこでそれを試してみようと思い今回は背景にYouTube動画を流せるjQueryプラグインのtubularを使ってみました。
Javascript

JavaScriptを使って、どのブラウザかを判定するあれこれ

JavaScript(以下JS)で実装するものが増えてきたのに伴い、古いブラウザを判定して処理を分けることもあります。 そういう実装のたびに調べてるのでメモしておこうと思います。
Javascript

あれ何も見えない?を防ぐ、JavaScriptがオフでもきちんと表示させる方法

Flashを使わずにJavaScriptを使ってアニメーションなど様々な演出をしているサイトが増えてきましたが、たまにJavaScript(以下JS)がオフの時、何も表示されない、または崩れててコンテンツがよく分からないサイトに遭遇します。...
スポンサーリンク
Javascript

jQueryプラグインの作り方の初歩

自分でもjQueryを使ってjsを書くので、これをプラグイン化できたらいいなと思うこともあります。という訳で大枠の構成だけですが、基本的な作り方を調べてみました。(あとは引数で設定を変えるのがかっこいいと思ったので作ってみたかったのもありま...
Javascript

スクロールしてフッターで止まる、下揃いのサイドバー

前回作ったものの今度は下にピタッとくっつくタイプです。 どちかというとこちらのタイプの方がよく見ます。よく広告を設置してる箇所で見ますね。
Javascript

スクロールしてフッターで止まる、上揃いのサイドバー

よく見かけるようになった、スクロールしていくとサイドバーがそのままウインドウについてきて、フッターの箇所まで来ると止まるというのを作ってみました。 いろいろなところを参考に考えながら作ったので、JSに無駄なものが多いかと思いますがひとまず出...
Javascript

ページ内ナビをコンテンツの位置によってカレント表示させる

パララックスをつかったサイトなど、縦長のページが昔に比べれば多くなった感じがしますがその際に、ページ内用のナビを設置する場合があると思います。スクロールした時そのコンテンツのエリアに来たら、ナビをカレント表示させるjsを調べて作ってみました...
Javascript

jQueryの$.loadと$.ajaxを使って他のページの内容を読み込む方法

他のページのhtmlを読み込むのに使うjQueryに$.loadと$.ajaxですが、使い方を調べたので忘れないうちに書いておこうと思います。使いたいときに忘れてそうですので。
Javascript

jQueryでtransformをアニメーションさせるプラグイン「Transit」

jQueryのanimateではアニメーションしながらtransoformさせることが出来ないようです。 それを可能にするのが今回ご紹介するこちらの「Transit」になります。
Javascript

jQueryのanimateを使ったアニメーション

今回はjQueryのanimateを使って、要素をアニメーションさせる方法を試してみようと思います。 本当はCSSのアニメーションだけで済めば良いのですが、特にIEを考えると難しいところです。そこでjQueryを使っての基本的な方法をおさ...
Javascript

JavaScriptを使って、自サイトでの「はてなブックマーク」の人気記事一覧を表示する

ソーシャルブックマークの「はてなブックマーク」。ここで自分のサイトの記事がどれだけブックマークされているかわかるのですが、 それをブックマーク数が多い順で並べる方法をJSで試したので、ご紹介です。
Javascript

jQueryを使ってチェックボックスが押されたらリンクをつける

チェックボックスにチェックを入れるとaタグが出てリンクが押せるようになるというのをjQueryで作成したので、また作る時用に残しておきます。 JavaScriptがもっと効率良くかける気がしますが、ひとまず以下になりました。
スポンサーリンク
タイトルとURLをコピーしました