DEMO 高機能なスライドショー 通常のタイプ サムネイル有り、ローダー違うver、キャプション有り キャプションがここに入ります。classで設定変更できます。 キャプションがここに入ります。classで設定変更できます。 キャプションがここに入ります。classで設定変更できます。 キャプションがここに入ります。classで設定変更できます。 サムネイル表示、ローダーの位置を上に、ナビゲーション無し、ホバー無効
camera demoサイト
DEMO 高機能なスライドショー 通常のタイプ サムネイル有り、ローダー違うver、キャプション有り キャプションがここに入ります。classで設定変更できます。 キャプションがここに入ります。classで設定変更できます。 キャプションがここに入ります。classで設定変更できます。 キャプションがここに入ります。classで設定変更できます。 サムネイル表示、ローダーの位置を上に、ナビゲーション無し、ホバー無効
jQueryを使って簡単なアニメーションを作ろう ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
こんにちは。バランスボールの上の人、稲垣です。 先日ナカムラさんの「学生アルバイトが見た！マグネッツの3つの驚き！」がアップされた後に、数名の方から「バランスボールってどうなんですか？」と質問をいただきましたが、今のところこれといった変化は感じていません。 巷ではダイエット効果なども謳われているみたいですね。 乗り始めて半年ほどですが順調に太っているので、バランスボールのみで痩せようというのは虫が良すぎるということなんでしょう。 さて、今回はjQueryを使って簡単なアニメーションを作ってみます。 一昔前にFLASHで作っていたような、サイトのメインビジュアルをちまちま動かすものです。 「米やまぐ蔵」の文字が一文字ずつ出現し、最後におにぎりの画像へ変わるアニメーションを作ってみたいと思います！ 目次 デモ htmlとcss html CSS
HTML5のvideoタグを使って背景に動画を設定するjQueryプラグイン・videoBG - かちびと.net
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。 動画を背景に、というスクリプト。 動画のパスを指定して表示するみたいです。楽でいいかも。尚、HTML5未対応のブラウザには普通の画像を別途用意して指定しておくことで表示を切り替えるみたいです。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.videoBG.js"></script> コアとプラグインを読み込み。 $('.foo').videoBG({ position:"
jQueryでコンテンツをランダムに入れ替える
ページのコンテンツをランダムに表示する機能をjQueryを使って作成しました。最初にHTMLには要素の記述が全部書いてある状態なので、JavaScriptがオフでも順序が入れ替わらないだけで表示はされます。 HTML サンプルに例として以下のHTMLを用意しました。 <ul class="contentBox"> <li> <div class="box"> <h2>見出し1</h2> <p class="img"><a href="http://ja.wikipedia.org/wiki/%E3%82%A4%E3%83%81%E3%82%B4" target="_blank"><img src="01.jpg" width="220"height="150" alt="いちご"></a></p> <p>イチゴ（苺、莓、Fragaria）はバラ科の多年草。食用として供されている部分は花托（
jQueryでページ最下部までスクロールした際に外部HTML（JSON形式）化した要素を追加する方法｜BLACKFLAG
TwitterやFacebookで見るUIの様な、ページの最下部にスクロールした際に 自動的に追加要素の読み込み処理をするjQueryプラグインは多々ありますが 任意のHTMLソースを簡単に追加できるものがなかなか見当たらなかったので jQueryを使ってJSON形式で試しに作ってみたのを紹介してみます。 サンプルを別枠で表示する ページの最下部までスクロールをすると 追加で要素を読み込みます。 サンプルでは28個の要素を 5個ずつ追加表示しています。 （最後は3つ表示） 全体構成についてまずはHTMLから。 ◆HTML <div id="loadarea"></div><!--/#loadarea--> HTMLには要素を追加させたい箇所に 任意のID（もしくはクラス）を付けた ブロック要素を配置するだけです。 そしてCSSは以下の様になります。 ◆CSS /* #loadarea --
CCSlider - jQuery 3d Slideshow Plugin
Wordpress Plugin Version Available Here CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The slider is fully responsive, works in mo
html()とtext() - うなの日記
jQueryで特定の要素の中身を編集するにはhtml(val) または text(val) を使用します。 html(val) は指定された文字列を、サニタイズなしでそのままコンテンツとします。 text(val) の方は、文字列をサニタイズして設定します。 また、要素の中身を参照するメソッドとしてhtml(),text() がそれぞれ用意されており、 html()は要素を含む配下全体を文字列として返します。 text() は配下の文字列だけを返却します。 また、ここで、文字列中にサニタイズされた箇所があれば元に戻して返却するという処理もします。 なので text(str)で設定した文字をtext()で取り出すと、元々の文字列が取得できますが、 text(str)で設定した文字をhtml()で取り出すと、元々の文字列がサニタイズされた状態で返されます。 例えば「<b>aaa</b>」を以下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://depthcode.com/2011/02/header-fixed.html