タグ

domに関するp130のブックマーク (2)

  • glayer.js - グレーアウト表示ライブラリ

    Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray+layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ

  • tinyscrolling解析 | Takazudo Clipping*

    ライブラリとかのjavascriptよーく見たら勉強になりそうだなーと思って、自分の好きな、tinyscrollingというjavascriptの中身を見てみました。 tinyscrollingというのは、するするーとスムーズにスクロールするjavascriptです。一応、このブログでも、似たようなものを使っています。ページの下方法にある、「ページの先頭へ」を押すと、するーっと上に行きます。tinyscrollingを単純に読み込んでみたサンプルはこちら。 tinyscrollingを読み込んだHTMLサンプル 中身を一個一個見ていったら、かなり勉強になったなぁ。丸一日かかったけど…。 間違ってる所あるかもしれないけども(特に言葉の使い方が)、ソース解説します。 解説用にTakazudoがコメント書き込みまくったjavascriptはこちら。 このHTMLサンプルとjavascrip

  • 1