<!DOCTYPE html> <html lang="ja"> <head> <title>おしゃべりしよう</title> <link rel="stylesheet" type="text/css" href="qlick.css"> <script type="text/javascript" src="qlick.js"></script> </head> <body> <h1>-- おしゃべりしよう!! --</h1> <p>▼ まずはきつねくんのセリフのボタンを押してね。</p> <button id="info"> <div class="balloon5" > <div class="faceicon"> <img src="animal_happa_kitsune.png"> </div> <div class="chatting"> <div class="says"> <p><p class="balloon1-right">コンコン! こんにちは! 調子はどうかな?</p></p> </div> </div> </div> </button> <p>▼ 会話の続きをボタンの中から選んでね。</p> <br> <button id="kaiwa1"> <div class="balloon1-right"> <p>こんにちは。元気だよ!</p> </div> </button> </br> <br> <button id="kaiwa2"> <div class="balloon1-right"> <p>なんかいいことでもあった?</p> </div> </button> </br> <br> <button id="kaiwa3"> <div class="balloon1-right"> <p>・・・・・。</p> </div> </button> </br> <br> <button id="kaiwa4"> <div class="balloon1-right"> <p>こんちゃーーー!!!!!^^</p> </div> </button> </br>