スマートフォンの普及やデジタル化により、 インターネットでの情報収集が当たり前の世の中で、 企業と顧客・求職者との最初の接点がWebサイトであることは珍しくありません。 Webサイトは、まさに企業の顔であり、 顧客や求職者にサービスや製品などの企業や店舗の情報を伝える 必須のビジネスツールです。 ニイグミでは500件以上のノウハウを生かし、 本当に必要なWebサイトをご提供します。

Easily manage your personal tasks, family projects, and team’s work all in one place. Trusted by +40M people

div でも p でも img でもなんでもブルブル震わせるプラグイン！！ 【参考サイト】 http://jackrugile.com/jrumble/ http://number333.org/2012/07/08/%E3%80%90jquery%E3%80%91web%E3%83%9A%E3%83%BC%E3%82%B8%E4%B8%8A%E3%81%AE%E8%A6%81%E7%B4%A0%E3%82%92%E3%82%AC%E3%82%AF%E3%82%AC%E3%82%AF%E3%83%96%E3%83%AB%E3%83%96%E3%83%AB%E3%81%95%E3%81%9B%E3%81%A1/ 【ソース】 jQueryとプラグインをちゃんとheadタグ内に読み込む 【コード】 script type="text/javascript" $(document).ready(f

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

タイトルだけでは分かりにくいですが、ECサイトの詳細画面などでよくあるタイプのものです。 いつもの様に勉強がてら作ってみましたが、意外と使えるのではなかろうかと思っています。 そういうわけで、何らかの商品管理画面を作った際には楽に使えるよう、久しぶりにプラグイン化もしてみました。 そんな感じで、今回もスクリプトを晒してみたいと思います。 動作のイメージ 画像の命名規則 画像ファイル名はメイン画像用は filename1.jpg filename2.jpg とし、サムネイル画像は filename1_thumb.jpg filename2_thumb.jpg という感じの命名規則を設けています。 「_thumb」部分は、プラグイン版では変更できるようにしています。 スクリプトコード HTML ではHTMLから。 <img src="./img/img2.jpg" width="350" he

Posted: 2011.05.30 / Category: javascript / Tag: jQuery, Plugin マウスの動きに追従して奥行きのある背景移動をするjQueryプラグイン「jquery.parallax.js」のご紹介です。 最新のはわかりませんがIEだと動かないかもです。 「jquery.parallax.js」のダウンロードとインクルード プラグインを下記URLからダウンロードします。 ここでは現時点で最新版である「0.2」を使用します。 jQuery Parallax | jQuery Plugins ダウンロードしたらjsファイルを読み込みましょう。 jQuery本体も忘れず読み込みます。 html <script type="text/javascript" src="jquery1.5.1.js"></script> <script type="te

jQueryで奥行きのある背景スクロールを作ってみる 普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。 この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。 投稿日2011年05月13日 更新日2011年05月13日 画像を手前は早く、奥は遅く移動 デモを見て頂ければわかると思いますが、やってることは手前の背景画像を早く動かし、奥の画像を遅く動かしているだけです。 html + css 画像は当然ですが2枚以上用意しましょう。 ここでは3枚画像の画像を使用します。 なのでdivを3つ用意し、それぞれに背景画像を指定します。 html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --

jQueryで背景画像を全画面表示する 最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。 ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。 投稿日2010年11月30日 更新日2011年04月26日 html+cssの準備 背景画像を全面表示するっていうタイトルですが、cssのbackgroundにはサイズを指定するプロパティがないので、気持ち悪いけど画像は普通に配置します。 html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryで背景画像を全画面表示する。</a></h

jQueryでマウスオーバーすると全体的にピカーンってなるやつ マウスオーバーは普通同じ大きさの画像を切り替えたりしますが、他の要素の背景画像を変えることで派手なマウスオーバーにすることができます。 投稿日2011年10月11日 更新日2011年10月12日 準備 htmlは特に変わったことはしません、適当な要素にクラスを割り当てます。 html <p class="button"><a href="#">ボタン</a></p> その他マウスオーバーしたときの大きめの画像を用意します。 ここでは「bg.jpg」という名前で1000×1000の画像を使用します。 bodyのbackgroundを指定する方法 一番単純な方法はボタンをマウスオーバーしたときbodyのbackgroundを変更する方法です。 jQueryでimageとpositionの設定をしますので、cssでその他の設定をして

Custombox is a modern dialog library which is highly configurable and easily styleable. Has a clear and simple API, works on mobile devices, and can be customized to match your style. Overview Check out the some following examples: Simple Fullscreen Loader Custom positions Custom animations Multiple dialogs Non overlay Video