[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid
.mp4, .webm などの動画をブラウザいっぱいやセクションの背景として配置できるjQueryの超軽量（800bytes）プラグインを紹介します。 デモページ 単に要素内の背景として表示しているため、デモのようにスクロールエフェクトと組み合わせることも簡単です。 CoverVidの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="covervid.min.js"></script> </body> Step 2: HTML 動画を背景として表示する親要素、もしくはラッパーを配置します。 <div class="
![[JS]動画をブラウザいっぱいや指定サイズに背景として配置できる超軽量スクリプト -CoverVid](https://cdn-ak-scissors.b.st-hatena.com/image/square/9110ae5aaacb7e18964553e948fdad1f627eb39c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014111003.png)
HTML要素にスクロールエフェクトを実装するなら「ScrollMe」は簡単
ScrollMeとは ScrollMeは、WEBページにシンプルなスクロールエフェクトを実装するjQueryプラグインです。 ScrollMeの利用方法はとても簡単で、1行のJavaScript（jQuery）コードも必要とせずに、倍率、回転、移動、透明度などを利用するアニメーションエフェクトを実装することができます。 基本的に、スクリプトさえ読み込んでしまえば、以下のようなデータ属性を用いたマークアップをするだけで、HTML要素にスクロールエフェクトを付加することができます。 <!-- scrollmeクラスで囲む --> <div class="scrollme"> <!-- animatemeクラスを指定してデータ属性の設定 --> <div class="animateme" data-when="enter" data-from="0.5" data-to="0" data-op
BookBlock: A Content Flip Plugin | Codrops
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages. BookBlock is a plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prevent Scroll/Swipe In Scrollable Element - Scroll Swipe Protection
