忍者ブログ

19Jan

[PR]

Posted by in

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

PAGE TOP△

26Apr

画像の重なり順序を変更する。

Posted by No Name Ninja in Javascript Sample

画像をポジション指定すると重ねて表示することができます。その重なりの順序を変更するインターフェースをユーザに提供する方法です。
DEMO
22eb10a9.jpg
PR

つづきはこちら

Comment (0) | PAGE TOP△

22Apr

画面を暗くする。(失敗編)

Posted by No Name Ninja in Javascript Sample

画面を暗くする方法(失敗談)です。
bodyに透明度をかけようとしたのですが、ブラウザによって挙動が異なりますね。
また、『ユーザー操作をとめることはできない』ので、前回の『画面暗くする』のやり方がお奨めです。

SAMPLE
確認環境： I.E.8、Firefox3.6、Safari5.0.5

つづきはこちら

Comment (0) | Trackback () | PAGE TOP△

22Apr

画面を暗くする。

Posted by No Name Ninja in Javascript Sample

画面を暗くして、写真が浮かび上がるサイトを見かけます。今回は画面を暗くする方法のみを紹介します。
簡単に書くと画面いっぱいの黒いDIVテーブルを作成して半透明にしてオーバーレイしています。

DEMO

つづきはこちら

Comment (0) | PAGE TOP△

21Apr

画像をドラッグ＆ﾄﾞﾛｯﾌﾟ

Posted by No Name Ninja in Javascript Sample

HTML5ではない古典的なやり方ですが、画面を演出するにはHTML5よりも優れています。
応用次第でできる幅が広がるので是非覚えていていただきたい手法です。
DEMO


つづきを読む

Comment (0) | PAGE TOP△