![Loading...](https://cdn-ak-scissors.b.st-hatena.com/image/square/b41a7dc7b599e96fc166ceb5c19f03b2dff1aa20/height=288;version=1;width=512/http%3A%2F%2Fleastjs.com%2Fsrc%2Fmedia%2Fthumbnails%2F01.jpg)
ResponsiveSlides.js v1.55 Simple & lightweight responsive slider plugin (in 1kb) ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for
作成:2014/10/14 更新:2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き 1.ジオメトリック 背景 2.フルスクリーンでスライドさせる 3.ドロアー風ライトボックス 4.動画を再生するタイプ3つ スクロール 5.スクロールでクロスフェード 6.スクロールで奥行きを表現 7.スクロールで分割 画像 8.APNG 9.Google 画像検索風ライトボックス 10.トイカメラ風のフィルター ポップアップ 11.おしゃれなアラート 12.
ページを読み込む際に、ローディング中であることを示すエフェクトを表示させているウェブサイトは数多くあります。 これまでは主に Flash を使う方法が主流でしたが、既に Flash は廃れた技術。 そこで、同様のことを jQuery で実現したのが[jQuery IntroTzikas]です。 IntroTzikas:サンプル ファイルサイズも小さく、導入方法も簡単なので初心者の方にもお勧めできる jQuery プラグインです。 jQueryプラグイン[IntroTzikas]の実装方法 まずは公式の配布サイトよりプラグインの本体をダウンロードしてきましょう。 →IntroTzikas 単体では動かないので、jQuery の本体ファイルもダウンロードしてくる必要があります。 →jQuery 続いて HTML の <head>〜</head>内で、ダウンロードしてきた[introtzikas
画像をスライドさせるjQueryスライダー「bxslider」。画面サイズに合わせて拡大縮小機能もついているので、非常に便利で私もよく使っております。 ただ横幅一杯に使う場合はどうしても画像が大きくなりがちで、その場合ページの読み込みに時間がかかり、一瞬2枚目以降の画像が表示されてしまうことがあります。 これを簡単に解決するためは、jQueryで2枚目以降の画像を表示する時間を遅らせます。 html <ul class="bxslider"> <li><img id="img1" src="http://test.com/test1.jpg" /></li> <li><img id="img2" src="http://test.com/test2.jpg" /></li> <li><img id="img3" src="http://test.com/test3.jpg" /></li>
Home » Tutorials » Basic Beginners’ Guide to Installing a jQuery Lightbox Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more Learn how to install a jQuery lightbox, by following this easy, step by step tutorial. Check it out and start learning! Have you always wanted to add those cool Javascript lightbox
Re:designのサイトで設置した、jQueryを使用してページ遷移時にフェードイン・フェードアウトさせる方法 //インラインCSSで#wrapper{display;block;}を追加 $(‘head’).append(‘<style type=”text/css”>#wrapper{display;none;}</style>’); $(function(){ //読み込み時にフェードイン $(‘#wrapper’).fadeIn(1000); //aタグクリック時にフェードアウト実行 $(‘#navi a, a.windowFade’).click(function(){ var url = $(this).attr(“href”); $(‘#wrapper’).animate({“opacity”:0},1000,function(){ location.href = url;
今までブログの背景にあててたのですが、やっぱりちょっと重いので外すことに。 このエフェクト好きやねんけどなぁ・・・。 jQuery.Twinkle DEMO - jsdo.it - share JavaScript, HTML5 and CSS こうやって埋めれるのは便利やね。 また使いたくなったらスグ使えるし! jQuery.Twinkle ぽわーんエフェクトが素敵なプラグイン。 前に紹介してます。 参考:[jQuery][JavaScript]jQuery.twinkleがとてもかわいい 背景いっぱいにぽわーん ブログの背景とか、ランディングページとか、何かと目を引くので使えるんではないかと。 JavaScript // jQueryと、jQuery.Twinkleは読み込んでおいてから・・・。 jQuery(function(){ var b = 0, c = function()
デモ:更なるエフェクト CSSの各プロパティを変更することもできます。 [ad#ad-2] jQuery Vibrateの実装 JavaScript jQuery Vibrateはさまざまなオプションを簡単に設定できます。 $('.vibrate').vibrate({ speed: 50, // Vibration speed in milliseconds trigger: "mouseover", // Triggering event reverse: false, // Reverse behaviour overEffect: "stop", // Over effect, see details below vibrateClass: "", // CSS class applied when vibrating (New in vers. 1.1!) overClass:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く