在线心理测试脚本

相信很多人都玩过心理测试的游戏吧!

下面是一个简单的通过选择一款颜色判断你的性格的例子,代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<style type="text/css">
    Body{padding-top:26pt}
    h2 {font-family:黑体; font-size:16pt}
    p {font-size:11pt; text-indent:20pt}
</style>

    <script type="text/javascript">
        function processForm(form) {
            if (form.c1[0].checked == 1) form.answer.value = "喜欢纯洁的世界,自己内心一尘不染,可能有超凡脱俗的性能。不太适合这个社会。";
            if (form.c1[1].checked == 1) form.answer.value = "踏实、稳重、有责任感。喜欢自己想问题,对身边的人也很关心";
            if (form.c1[2].checked == 1) form.answer.value = "稳重大方,喜欢大自然,心存善良,容易被骗!";
        }
    </script>
</head>
<body>
    <div>
        <table border="0" cellpadding="4" cellspacing="0" style="height:78;width:500" >
            <tbody>
                <tr>
                    <td align="center" height="38" width="561">
                        <span style="font-size: 6pt">◇◆◇◆◇</span>
                        <span style="font-size: 12pt"><strong>你是什么样的性格</strong></span>
                        <span style="font-size: 6pt">◇◆◇◆◇</span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <form name="see" action="">
        <div align="left">
            <table border="0" cellpadding="10" cellspacing="0" height="223" width="517">
                <tbody>
                    <tr>
                        <td height="1" width="517">
                            <div align="left">
                                <p>通过颜色判断,你最喜欢什么颜色</p>
                            </div>
                            <div align="left">
                                <p><input name="c1" type="radio" value="1"/>白色。<br/> </p>
                                 <p>  <input name="c1" type="radio"  value="3"/>黑色。<br/> </p>
                                 <p>  <input name="c1" type="radio" value="V1"/>蓝色。 </p>
                                
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" height="27" width="517">
                            <input onclick="processForm(this.form)" style= "font-family: 宋体; font-size: 9pt" type="button" value="已选好,看看你有什么样的性格!"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="center" height="-12" width="517">
                            <textarea cols="47" name="answer" rows= "5" style= "color: rgb(255,0,0); font-family: 宋体; font-size: 9pt; line-height: 15px">
                            </textarea>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </form> 

     <h2>城市猎人</h2>

    <p><img src="../images/02.jpg" align="left">日本著名写实漫画家北条司名作,以动感与质感完美融合的画风,描绘了一个极富现代感的侦探,这部故事的主角寒羽良【港译“孟波”】,是以《猫眼》中的一个叫神谷的配角为原型的,神谷是一个有正义感的神偷,而寒羽良则成为一个见义勇为、武艺超群,而且足智多谋的职业侦探,这两个人有一个共同的特点,就是十分斗趣,总爱在女孩子面前开一些过火的玩笑。</p>
</body>
</html>
View Code

效果如下:

 

posted @ 2013-08-12 12:21  黄忠  阅读(457)  评论(0编辑  收藏  举报