Archive Category ‘jQuery‘

ローディングプラグイン

fakeLoader.js

背景切り替えできるプラグインbgswitcher

背景切り替えできるプラグインbgswitcher

https://rewish.jp/blog/releases/jquery_bg_switcher

スプリットスクリーンにつかえるプラグイン

splitscreenのサイトを作るのに、使えるプラグイン。

multiScroll.js
http://alvarotrigo.com/multiScroll/

looper.js – slide down cross fade
http://rygine.com/projects/looper.js/docs/#examples-slide-down-cross-fade

モーダルでyoutube表示したい!!

モーダルで、youtubeを表示させるプラグイン。
今回は、modal-video.js使いました。

■参考
https://www.appleple.com/blog/javascript/modal-video-js.html

変数って?

変数とは、入れもの。

書き方は、var ○○ = いれたいもの

var $selector = 入れたいもの

グローバル変数とローカル変数があります。

よく使うlightbox

カスタマイズできるツールチップ – qTip

カスタマイズがやりやすい、ツールチップをさがしていた所
qTipというjQueryで動くプラグインを見つけました。

qtip

lengthの使い方memo

jQueryオブジェクトのエレメント数を保持する。
保持する値はjQueryオブジェクトのsizeメソッドの戻り値と同じである。(jquery日本語リファレンスより)

classのtextがあった場合、見つかりましたという文字が表示されるサンプルです。

<script>

$(function(){
if($(‘.text’).length) {
$(‘p’).text(‘見つかりました’);
} else {
$(‘p’).text(‘見つかりませんでした’);
}
});
</script>
<div id=”sample”>
<div class=”text”>
<p>サンプルです</p>
</div>
</div>

参考サイト

Modal window サンプル

Modal window

jQueryを使った、Modal windowを作ってみた。結構いろんなところで見かけるのでなんとか自分のものにしようと思い手始めに、アスキーさんのサイトを参考につくってみた。fadeなどで動きをかえつつ作成してみました。

SAMPLE
参考サイトはこちら

jQuery Countdown

jQueryでカウントダウンができるプラグイン