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
Drag provider – the good stuff Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. 2D drag and tap, mouse and touch (mobile tested), 12kB unminified. No dependency. Take a look through all the demos below to understand how it works. Links / download code.google.com/p/dragdealer/ blog.ovidiu.ch/dragdealer-js HTML
imgタグのwidth/height要素を指定していない場合、イメージがどう表示されるかはブラウザによって異なる。 すべてのブラウザで画像オリジナルのwidth/heightを取得しようとしても、ブラウザ毎にパラメータやメソッドが異なる jQueryを利用すると、下記コードで画像の実際のサイズを取得できる /* * 画像の実際のサイズを取得する * * @param string image img要素 */ function getActualDimension(image) { var run, mem, w, h, key = "actual"; // for Firefox, Safari, Google Chrome if ("naturalWidth" in image) { return {width: image.naturalWidth, height: image.na
jQuery Mockjax: Ajax request mocking MockjaxはAjaxのリクエストをインターセプトして返してあげるモックを作成するための、jQueryのプラグインです。 githubはこちら Ajaxの処理を書いていると、コールバック関数の確認はサーバ側の処理がないと確認がとれないのですが、このプラグインを使えば サーバ処理がなくてもJavascriptの動作確認ができるのでとても便利です。 なので今日は簡単に使い方を書いてみます。 How to use <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>How to use mockjax</title> </head> <body> <input id="fire" type="button" value="cli
30以上のアニメーションにプログレスバーの追加など多機能スライドショーSkitterが本当にすごい！導入方法など 公開日：2012年3月19日 カテゴリ：Web制作が捗るツール ぱくたそのトップページでも利用しているjQueryスライドショー"Skitter"が新しくなりましたよ。30種類以上のアニメーションにプログレスバーまで実装され『もうFLASHやめてこれでいいんじゃね？』的な高機能っぷりです。今回は導入方法とアニメーションのサンプルを動画にてUPしておきました。参考になったらGrow！してね。ｗ Skitter - Slideshow for anytime! Skitterを導入してWEBサイトをカッコよく魅せよう どこのWEBサイトもトップページに綺麗な写真をスライドショーさせるスタイルは定着しているけれど、未だにFlash使っていたり、フェードだけの画像切り替えで動きがなかっ
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
【最終更新日：2010年10月23日】 基本事項〜IEについて〜Internet Explorerでは、NULLもしくは未定義の変数に対して、 存在しないメンバ変数を呼び出そうとするとエラーが表示されます。 var hoge; //または var hoge = null; var hoge = undefined; alert(hoge.fuga); //←存在しないメンバ変数 『'hoge.fuga' は Null またはオブジェクトではありません。』 他のブラウザでも、画面に表示はされないものの、エラーとして 判断されています。 Firebugでは『hoge is undefined』または『hoge is null』と 表示されます。 jQueryのAjax処理中に上のエラーが発生する条件 【実例】下記をIE7で開いてみてください。 前節と同じエラーメッセージが表示されます。 htt
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah
こんにちわ。mBlogのQuattroです。今回でちょうど連載が始まって丸2年となりました。withDもリニューアルし、これからはより大きなサムネールで、Webに関するツールやTipsを紹介できるかと思います。そんなわけで今後ともひとつ。 さて今回は、jQueryを使ったユーザーインターフェースに関するJavascriptをいくつかご紹介したいと思います。いわゆるJavascript Libraryと呼ばれるものの中には、他にPrototype.jsやmootoolsあたりが有名どこですが、今回はjQueryに絞って紹介してみたいと思います。
This site is a static archive of the old jQuery Plugin Registry. New plugin releases will not be processed. The jQuery Plugin Registry is preserved for historical purposes. Search is still supported. We do not recommend using any versions of plugins from this registry. Please find jQuery plugins on npm.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
