アプリ版：「スタンプのみでお礼する」機能のリリースについて

このようなHTMLタグ　か　Javascript の書き方

解決済

  • 質問者：kimtake
  • 質問日時：
  • 回答数：6件

JAZZTRONIKというアーティストのHPで使われている様なウィンドウの表示の仕方を自分でも作りたいんです…

このアーティストのＨＰ
http://www.jazztronik.com/main.html
を開いて、画面ひだり側の「Work」という部分をクリックすると、別ウィンドウで小窓が開くんですが、そのとき、窓がまず横にうぃ～んと横に伸び、次に縦にうにょ～と伸びるんですね。（言葉で言うのは難しいですね。見ていただけると一発なんですが…）

とてもカッコいい開き方なので自分のＨＰにもこの仕組みを使いたいのですが、
タグかJavascriptかわかりませんが、どういう記述をすればこのような事ができるのでしょうか？

ＨＰづくりにお詳しい方、是非ご教授下さい。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (6件)

No.6ベストアンサー

  • 回答者： Ysan
  • 回答日時：

みなさんいろいろ書いてありますが以下のものを


<head>から</head>の間に入れるだけで十分ですよ。
ただし、IEのみでしか動きません。

<script language="JavaScript">
<!--
function init(){
for ( x = 1; x < 500; x=x+15){
this.window.resizeTo(x,1);
}
for ( y = 0; y < 550; y=y+15){
this.window.resizeTo(x,y);
}
}
init();
//-->
</script>
    • good
    • 0
    • 件
通報する

No.5

  • 回答者： sassakun
  • 回答日時：

＃４です。



ありゃ～，すみません。
＃４を確認したら，変なところに改行が入っています。

(hp,"Window","width=10,height=10,left=300,top=200,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=aout,resizable=yes,return(false)");

↑ココの部分は１行です。
改行は取ってください。今回の投稿でも入るかもしれませんが，改行は，なしです。
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： sassakun
  • 回答日時：

>> 別ウィンドウで小窓が開くんですが、…



「小窓で開く」 という部分は，FlashのアクションスクリプトとJavaScriptの併用で開いています。
もし詳しく知りたい場合はこちらを参照↓
http://www.openspc2.org/reibun/FlashMX2004/sub_w …

でもFlashを使わなければ，JavaScriptだけでOKです。
http://www.red.oit-net.jp/tatsuya/java/winopen.htm


>> 次に縦にうにょ～と伸びるんですね。

コレを↓直接開いてみて，
http://www.jazztronik.com/works_frameset.html

ツールバーの「表示」→「ソース」でソースを見ればJavaScriptがつらつらかいてあるのがわかると思います。
ソースの不要な部分は消すと，以下のようになります。

-----------------------------------
<html>
<head>
<title> 任意のタイトル </title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
//別ウィンドOPEN、アニメーションして開く処理↓
<!--//
function init(){
for ( x = 1; x < 500; x=x+15){
this.window.resizeTo(x,1);
}
for ( y = 0; y < 550; y=y+15){
this.window.resizeTo(x,y);
}
}
function dicht(){
for ( y = 550; y > 0; y=y-15){
this.window.resizeTo(x,y);
}
for ( x = 500; x > 0; x=x-15){
this.window.resizeTo(x,1);
}
close();
}
init();

function jet(hp){
win = window.open

(hp,"Window","width=10,height=10,left=300,top=200,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=

aout,resizable=yes,return(false)");
}
</script>
</head>
<body>
</body>
</html>
--------------------------------------

これを，メモ帳などテキストエディタにコピペして，
「任意の名前.html」でPCに保存し，数字をカスタマイズすればできますよ。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： php504
  • 回答日時：

Flashから呼ばれるWindowはhtmlですね


Javascriptのwindow.resizeを使えばできます
参考URLのサンプルをクリックすると縦横同時に変化します
リサイズを横と縦と別々にすればできますので参考にしてみてください。

参考URL：http://html-time.com/java/resize2_source.htm
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： ex_hmmt
  • 回答日時：

JavaScriptっぽいですね。

Flashではないようです。
根拠は、その窓のソース。
そのウィンドウ上で右クリックからソースを開いてみてください。
ってああ……右クリック禁止してあるのか…

IE捨てましょう！（笑）
FirefoxというIEではないブラウザを導入して、
http://www.mozilla-japan.org/products/firefox/
Firefoxでそのページを開き、右クリックからソースを見ればやり方がわかると思います。
//別ウィンドOPEN、アニメーションして開く処理
という記述とかありますし。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： suzukikun
  • 回答日時：

これ、Flashですね。


HTMLやJavaScriptでは無理とは言いませんけど、難しいと思います。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報