Sub Window

SeeKeR5084

License: MIT License

Fork
0
Fav
0
View
1814
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 201 lines
  • HTML 9 lines
  • CSS 1 lines
サブウィンドウを作成しました。

[操作]
・リンクをクリックしてサブウィンドウを表示。
・CLOSEボタンをクリックしてサブウィンドウを閉じる。
・サブウィンドウの左枠をクリックして履歴を戻る。
・サブウィンドウの右枠をクリックして履歴を進む。
・サブウィンドウの上枠をドラッグしてウィンドウの移動が可能。

[編集]
・リンクタグのhref中に以下のコードを書き加えるだけでリンクをサブウィンドウで表示します。
href="JavaScript:openWin('リンク先URL');"
・メニュー内容の編集は、コード先頭の定義部分(var ~)を自分好みに変更して頂ければ適用されるように作成しました。
・オプションで透明度(0~100[%])も変更可能です。
・必要に応じてzIndexも変更可能(指定数+1まで使用します)。
・ウィンドウの横幅は、subWinSizeWidth = 値[px];
・ウィンドウの縦幅は、subWinSizeHeight = 値[px];

[追記]
・サンプルのサブウィンドウのリンク先はこちら↓
http://jsdo.it/SeeKeR5084/topMenu
  • Sub Window
  • Sub Window

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

SeeKeR5084

Author

URLはウェブログ"The Strange Storage"です。 私の脳内記憶専用の外部ストレージとして使用しています。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags