シンプルなデザインに も、良さがある。 情報のたくさん詰まったにぎやかなサイトももちろんお作りできますが、 私たちみやあじよが得意なデザインは、シンプルで整理された、「見やすい」サイトです。 ちょっとした工夫を施したり、 文字のサイズや間隔を変えるだけでも、魅力的なデザインは作れる。 私たち みやあじよ が大切にしていることです。 みやあじよ は、大阪府堺市を拠点に北海道から沖縄まで 全国各地のWEB制作をお受けしております。

Fancy Inputテキスト入力時にアニメーシ... / Hook.js下にひっぱるとリロードするjQue... / Kontext CSS3を使った3Dなページ切り...他...全17件

JavaScriptでのfunctionを一定の間隔で繰り返し処理を行う時の指定に使う「setInterval」。 jQueryでこの指定を使うこともでき、単純な記述ですが、さまざまなループ処理などにも使えるので参考までに使い方をメモ書きしておきます。 $(function(){ setInterval(function(){ ～ここに処理を記載～ },1000); }); 最後の数値部分は繰り返し処理を行う間隔になります。 例えば、3秒ごとに画像の位置を10pxずつ、ズラす場合は $(function(){ $('img').css({left:'0',position:'absolute'}); setInterval(function(){ $('img').stop().animate({left:'+=' + '10' + 'px'},1000); },3000); }); この

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります

Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前

jQueryのバージョンが1.3になって増えた新機能「live()」 いまいちよく使い方がわかっていなかったので、 勉強をかねてのメモエントリーを残しておきます。 新機能live() 詳しくないので調べてみた。 live(type, fn) - jQuery 1.3.1 日本語リファレンス んーいまいちピンとこないのですが、 追加した要素にもイベントが登録されるというのはわかった。 普通にclick()じゃダメ？ では、通常のとliveを使った場合と その二つを作って見比べてみることにした。 まずは通常にclickを使った場合。 ■通常のclickの場合 $(".live").click(function(){ $(this).after('<p>ここをクリックしても何もない</p>'); }); ■プレビュー 見てわかると思うのですが、 最初からある部分以外でクリックしてもなにも変化ない

This domain may be for sale!

Camera slideshow 「Camera slideshow」は細かいところまであらゆる設定ができる高機能のjQueryスライドショーです。 デフォルトの状態でも十分に機能しますが、スキンやエフェクト、メーターの種類やナビゲーション、画像別に見せる時間を変えるなど様々な設定が可能です。 また、レスポンシブ対応しています。設定によってはフルスクリーンでのスライドショーを背景に設定することもできます。動画を組み込むことも可能です。 サンプルを作ってみました。 →「高機能過ぎるjQueryスライドショー『Camera slideshow』サンプル」 （追加記事：jQueryスライドショー「Camera slideshow」をフルスクリーンで背景にする方法） 軽くて使いやすいですので、どの画像ギャラリースライダーを使おうか迷った時の選択肢のひとつに良いと思います。 【使用方法】 まずはこち