Archive Category ‘javascript‘

簡単実装のスクロールアニメーションができるAOS

スクロールアニメーションの実装ができるaos
jqueryが不要でとても使い勝手がよい。

ソース元
https://michalsnik.github.io/aos/

ローディングプラグイン

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

Yoeman & bower備忘録

Yoeman使い方

npm install -g generator-使いプラグイン
yo ○○でよびだす

bower使い方

bower install ○○ 

変数って?

変数とは、入れもの。

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

var $selector = 入れたいもの

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

よく使うlightbox

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

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

qtip

現在表示しているアドレスの取得

現在表示しているアドレスの取得したい時

window.location

<script type=”text/javascript”>
var current_url = window.location;
document.write(current_url);
</script>