You can use this fantastic solution to create lightboxes for not just images but rich, semantic content and videos as well! Your Content Goes Here! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis felis suscipit tellus euismod varius quis ut nibh. Curabitur in ante nunc, vitae venenatis dui. Phasellus egestas ipsum in ipsum suscipit volutpat. Etiam eu nibh eros. Sed dolor lig
忘れないうちにメモ。 prototype.js の次に jQuery をロードする。 そして jQuery.noConflict() を呼び出す。 jQuery.noConflict() の戻り値を利用しないのであれば、」$() を jQuery() に置換してもよいが、コーディングが面倒なので、 var $j = jQuery.noConflict(); として戻り値を受け取り、jQueryとして動作させたい箇所 $() を $j() に置換する。 <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="../js/prototype.js" type="text/javascript"></script> <script src="../js/aculous
Hey guys. Today I’m going to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based web applications simplifying the way that people can use sites on mobile devices, I think that there’s room for us to look into ways of making it even easier for people to use sites in
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via:dcdeiv/jsonslider
まずデモページをスクロールさせて一番下までたどり着いてください。 イメージはこんな感じです。 ■デモ ■サンプルページ HTML CODE <div class="pc_panel" id="pc_panel"> <div class="pc_label expand"></div> <div class="pc_label close"></div> <div class="pc_title">More on this topic</div> <div id="pc_wrapper"> <div id="pc_content"> <div class="pc_item"> <h2>Annotation Overlay Effect with jQuery</h2> <img src="images/22.jpg" alt=""/> <p> A slick overlay effect t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く