jQueryでネタバレボタン作成
- 2012/01/07 16:18
- カテゴリー：制作, プログラム
- タグ：JavaScript
クリックすると文章を表示できるという、いわゆるネタバレボタンをjQueryで作成してみます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
エントリー
カテゴリー「プログラム」の検索結果は以下のとおりです。
ギルティクラウン公式サイトの私的な技術メモ
- 2012/01/05 20:40
- カテゴリー：制作, プログラム
- タグ：JavaScript
ギルティクラウンの公式サイトを見て、
- ローディング画面はどんな方法で表示しているんだろう？
- CHARACTERページでのページ切り替えはどうやっているんだろう？
が気になったので調べてみたメモ。あと、普通のHTMLページっぽくないページを作るのに使えそうなものをメモ。プラグインの詳細解説や使い方は、ググると出てきます。
QueryLoader2
ページが読み込まれてから表示する、いわゆる「Now Loading」画面を作れるjQueryプラグイン。ギルティクラウンのサイトで使われているのはバージョン1だけど、そっちは最新のjQueryには対応していないみたい。
hashchange
「Ajaxでページ遷移させたいけど、ブラウザの進む・戻る機能も使えるようにしたい」ができるjQueryプラグイン。CHARACTERページみたいに、普通のページ遷移とは違った見せ方をしたい場合に。
以下は、ギルティクラウンの公式サイトとは関係なくメモ。
jScrollPane
クロスブラウザでスクロールバーのデザインを変えたい場合に。同じ機能のプラグインをいくつか試したけど、HTMLが一番綺麗だったので採用。
自作プラグイン
最近作ったjQueryプラグインから、普通のHTMLページっぽくないページを作るのに使えそうなものをメモ。
jQueryでツールチップ表示
- 2012/01/03 15:02
- カテゴリー：制作, プログラム
- タグ：JavaScript
jQueryでツールチップを表示する仕組みです。ブラウザ標準のツールチップとは違い、CSSで自由に装飾することができます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでタブ切り替え
- 2011/12/31 17:40
- カテゴリー：制作, プログラム
- タグ：JavaScript
タブに見出しを表示し、クリックするとその内容が表示される仕組みです。少ないスペースにたくさんの情報を格納することができます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでブロックの高さを揃える
- 2011/12/30 14:47
- カテゴリー：制作, プログラム
- タグ：JavaScript
CSSをブロックを並べると、それぞれの高さを揃えるのが難しいことが解ります。高さをピクセル単位で指定することはできますが、それだとブロック内の文字数が変わったときに入りきらなくなる問題があります。これは、JavaScriptで要素の高さを揃えるプラグインです。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでスムーズなスクロール
- 2011/12/28 15:26
- カテゴリー：制作, プログラム
- タグ：JavaScript
<a href="#abc">abc</a> のように a タグを書くと、ページ内で移動するリンクを設置できます。このようなリンクをクリックした際、アニメーションでページ内を移動できるようにする方法です。サンプルを触ってみるのが解りやすいと思います。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryでCookieを扱う
- 2011/12/26 17:17
- カテゴリー：制作, プログラム
- タグ：JavaScript
JavaScriptの標準命令のみでCookieを扱うのは若干面倒ですが、jquery.cookie.js を利用すると簡単に扱うことができます。
jquery.cookie.js は GitHub からダウンロードすることができます。
jQueryでスライドショーを作成
- 2011/12/25 16:37
- カテゴリー：制作, プログラム
- タグ：JavaScript
一時期よくFlashで作成されたスライドショーですが、今はJavaScriptのみで作成されることが多いです。サイトのトップページで、一定時間ごとにメイン画像を切り替えたりすることができます。
利用、流用は自由にどうぞ。またプラグイン作成の基本は jQueryプラグインの作成メモ 前編 と jQueryプラグインの作成メモ 後編 を参考にしてください。
以下、内容を解説していきます。
jQueryプラグインの作成メモ 前編
- 2011/12/23 19:57
- カテゴリー：制作, プログラム
- タグ：JavaScript
jQueryを使うと一からゴリゴリとJavaScriptを書くよりも、プログラムが短くスッキリしたものになります。
なので他のページに移植するのは比較的容易ですが、プラグインにしておくと導入がもっと簡単になります。他人にファイルを渡して導入してもらう場合も、最低限の指示で導入できるようになります。
jQueryのプラグインは色々なサイトで配布されていますが、同じように自分でもプラグインを作成することができます。
という訳で、普通のjQueryコードをプラグインにする方法のメモ。プラグインの書き方は何通りもあるので、あくまでも「自分ではこう書いている」というものです。（jQueryの基礎知識があることを前提としています。）