人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HP制作に関する質問です。画像の吹き出し内にセリフを入れて、
それを▲▼(または横向き)ボタンで次のセリフに変える、といった仕掛けを作りたいです。
JAVA素材などで、あてはまりそうなものなどがありましたら
教えてください。

●質問者: rupopon
●カテゴリ:インターネット ウェブ制作
✍キーワード:Hp Java セリフ ボタン 制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Mars
●60ポイント

ボタンでメッセージを切り替えるJavascriptです。

<script type="text/javascript">
// メッセージ部分とセリフ送りボタンを括ったブロックのIDで初期化
// メッセージ部分はリストである事。
function msg_scroll(block_id){
var TARGET = document.getElementById(block_id);
var LIST = TARGET.getElementsByTagName('li');
var INP = TARGET.getElementsByTagName('input');
this.scr = function(flg) {
var i=0;
while(LIST[i]) {
if(LIST[i].style.display != 'none') break;
i++;
}
LIST[i].style.display = 'none';
if(i == 0)
INP[0].disabled = false;
if(i == LIST.length-1)
INP[1].disabled = false;
if(flg) {
LIST[i+1].style.display = '';
if(i+1 == LIST.length-1) {
INP[1].disabled = true;
}
} else {
LIST[i-1].style.display = '';
if(i-1 == 0) {
INP[0].disabled = true;
}
}
}
}
</script>

とりあえず「仕掛け」の部分です。

実際にHTMLに組み込んだ例は

http://c-man.s21.xrea.com/mars/md20080411.html

こちらに置いておきました。

これをフキダシ画像に重ねるとか、「デザイン的な部分」は省いています。


短い、2,3行のメッセージを固定したフキダシ画像に重ねるものとして作ってます。

フキダシの枠画像の大きさを内容に合わせて変化させたいようですと、やはりFLASHとかになると思います。

◎質問者からの返答

詳しくありがとうございました。

使わせて頂きたいと思います。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ