抽奖测测最近有多少异性暗恋你？

Box Model

下载此实例

开发语言：CSS
实例大小：0.05M
下载次数：0
浏览次数：36
发布时间：2025-02-14
实例类别：Box Model
发布人：MySiO2
文件格式：.zip
所需积分：2

相关标签：抽奖测测最近有多少异性暗恋你？

网友评论举报投诉收藏该页

下载此实例预览此实例

实例介绍

[下载地址]

【实例简介】测测最近有多少异性暗恋你？
【实例截图】 from clipboard

【核心代码】<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<title>测测最近有多少异性暗恋你？</title>
<meta name="keywords" content="测测最近有多少异性暗恋你？" />
<meta name="description" content="测测最近有多少异性暗恋你？" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<link rel="stylesheet" href="zp.css" />
<style>
#disk{background:url(wenzhangku.gif) no-repeat }
</style>

<script type="text/javascript">
var info=new Array()
info[0]="被异性同性同时暗恋"
info[1]="被无数个异性在暗恋"
info[2]="暗恋人的可以绕地球N圈"
info[3]="被5个以上异性暗"
info[4]="被暗恋只是梦，别多想了"
info[5]="被3个异性在暗恋"
info[6]="被0个异性在暗恋"
info[7]="被1个异性在暗恋"
info[8]="被10个以上异性在暗恋"
info[9]="100个异性有99个在暗恋"
info[10]="没有被暗恋，全是赤裸裸的明恋"
info[11]="被56个异性暗恋"

function choujiang(){
    if($("#name").val()==""){
        alert("请输入名字");
        $("#name").focus();
        return false;
    }

    $.post("do.php", { name: $("#name").val()},function(data){
        var a = data*30 15;
        $("#startbtn").rotate({
            duration:6000,
            angle: 0,
            animateTo:2880 a,
            easing: $.easing.easeOutSine,
            callback: function(){

                var infos="经调查“" $("#name").val() "”最近" info[data] "。";
                $(document).attr('title',infos "测测最近有多少异性暗恋你？");
                var infos="<font color=orange><b>【测试结果】</b></font><br />" infos;
                $("#tip").html(infos);
                $("#info").css({display:""});
            }
        });

    });

}

function retry(){
    $("#info").css({display:"none"});
}

</script>
</head>

<body>

<div id="main">
    <h1>测测最近有多少异性暗恋你？</h1>

   <div class="demo">
        <div id="disk"></div>
        <div id="start"><img src="start.png" id="startbtn" onClick="choujiang()"></div>
   </div>

   <div class="shuru">请输入您的名字：<input value="" id="name"></div>
</div>

<div id="info" style="display:none;">
    <div id="tip"></div>

    <div class="retry">
    <button onClick="retry()">重新测试</button>
    <button onClick="location.href='http://mp.weixin.qq.com/s?__biz=MjM5ODMzMjk5Nw==&mid=200442232&idx=1&sn=bb981cf0ec10bc9bf28f24179744f511&from=singlemessage&isappinstalled=0#rd'">关注我们</button>
    　<button onClick="location.href='http://game2.id87.com/'">更多好玩测试</button>
    </div>

</div>

<div id="footad">
    </div>

<div class="more_test_list" id="more_test">
<dt><h2>↓ 更多好玩测试 ↓</h2></dt>
<dd><a href="./huihuang/"><li>测测你一生中最辉煌的年龄</li></a><a href="./nianxin/"><li>测测年薪多少才配得上你？</li></a><a href="./kaiche/"><li>测你五年内会开什么车</li></a><a href="./tiansheng/"><li>测测你天生是什么命</li></a><a href="./qianshi/"><li>测测你前世是什么人</li></a><a href="./chuanyue/"><li>穿越回古代你会是谁？</li></a><a href="./ceo/"><li>测你会成为哪家公司总裁。</li></a><a href="./qianshi/"><li>测测你前世是什么人</li></a></dd>
</div>

<footer style="margin-top:10px; font-size:10px; color:#bbb; text-align:center;">
郑重承诺：本页面为纯静态HTML制作，绝不收集任何用户信息!
</footer>

<textarea id="adhtml" style="display:none">

<button onClick="location.href='http://mp.weixin.qq.com/s?__biz=MjM5ODMzMjk5Nw==&mid=200442232&idx=1&sn=bb981cf0ec10bc9bf28f24179744f511&from=singlemessage&isappinstalled=0#rd'">关注我们</button>
<button onClick="location.href='http://game2.id87.com/'">智力游戏</button>
    </textarea>

<script>
    infos=$("#adhtml").val();
    $("#footad").append(infos);
    </script>
<div style="display:none">
<script language="javascript" type="text/javascript" src="http://js.users.51.la/15858550.js"></script>
</div>

</body>
</html>

标签： 抽奖测测最近有多少异性暗恋你？

实例下载地址